根据另一个选择值填充选择元素选项 - Angular

时间:2016-07-11 08:20:26

标签: angularjs html-select ng-options

我有2个连续的选择元素,我希望第二个选择元素依赖于第一个选定的元素。

{
"id": 307,
"number": 1,
"episodeOrder": 10
}

到目前为止,我设法让第一个选择正确填充,但第二个选择在第一个元素中选择值后显示未定义的值。将第二个选项中的“item.episodeOrder for item”更改为“item for item”会根据第一个选择的选定值插入所有选择的Season JSON值,但我仍然无法将其设置为正确。

这是因为第二个选择将“selectedSeason”的项目视为不包含字段“episodeOrder”的item.number吗?

季节JSON示例如下所示:

list.filter('range', function() {
return function(input, total) {
    total = parseInt(total);

    for (var i=0; i<total; i++) {
        input.push(i);
    }

    return input;
};
});

此外,我试图让第二个选择元素通过使用此过滤器(实际上不起作用)插入从0到最多“episodeOrder”值的选项:

% Create Integral Image
iimg=IntegralImage_IntegralImage(img);

由于

1 个答案:

答案 0 :(得分:1)

您指的是第二个循环无法访问的第一个标记的循环参数。所以你应该参考第一个标签的ng-model

而不是

<select  ng-model="selectedEpisode" ng-options="item.episodeOrder for item in selectedSeason" | range:item.episodeOrder> </select>

<select  ng-model="selectedEpisode" ng-options="item.episodeOrder for item in selectedSeason" | range: selectedSeason.episodeOrder> </select>