別の選択値に従って選択要素オプションを設定する - 角度

Question

2つの連続した選択要素があり、2番目の選択要素が最初の選択要素に依存するようにします。

<select ng-model="selectedSeason" ng-options="item.number for item in Season"></select> 

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

は、これまでのところ私は、最初の選択が正しく移入するために得ることができたが、もう一つは最初の要素の値を選択した後、未定義の値を示しています。 2番目の選択項目のitem.episodeOrderを「項目項目」に変更すると、選択したすべてのSeason JSON値が最初の選択項目の選択値に従って挿入されますが、それでも正しい結果を得ることはできません。

これは、2番目の選択で、項目「selectedSeason」を項目「episodeOrder」を含まないitem.numberと見なすためですか？

シーズンJSONの例は次のようになります。また

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

iが第2の選択要素はこのフィルタを使用して0からおよび「episodeOrder」値までカウントオプションを挿入有することを試みた（「なかったのましたtは本当に）仕事：

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

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

    return input; 
}; 
}); 

おかげ

Answer 1

あなたは第二のループからアクセスすることはできません最初のタグのループパラメータを参照しています。だから、あなたはepisodeOrderフィールドを持つオブジェクトとしてそれを行うのか、あなたはselectedSeasonの項目を行うことができますがあります

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