다른 선택 값에 따라 선택 요소 옵션 채우기 - 각도

Question

2 개의 연속 선택 요소가 있으며 두 번째 선택 요소가 첫 번째 선택된 vaulue에 종속되기를 원합니다.

<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> 

는 지금까지의 제 1 선택을 정확하게 채우는 그럭저럭 그러나 두 번째는 첫 번째 요소의 값을 선택한 후 미정의 값을 보이고있다. 항목에 대한 "item.episodeOrder"항목을 "item for item"으로 두 번째 선택하면 첫 번째 선택 항목의 선택된 값에 따라 선택한 모든 JSON 값이 삽입되지만 여전히 올바르게 처리 할 수는 없습니다.

두 번째 선택 항목이 "selectedSeason"항목을 "episodeOrder"필드가없는 item.number로 간주하기 때문입니까?

시즈닝 JSON 예는 다음과 같다 : 또한

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

나는 제 2 선택 소자 ('didn를하는이 필터를 이용하여 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 필드 객체로해야 할 것

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