У меня есть 2 оператора выбора, первый из которых заполняется моим первым запросом веб-службы. Пользователь выбирает нужные данные при первом выборе, в котором запускается метод onChange для получения первого выбранного объекта, снова запускается веб-сервис для получения другого набора данных и заполнения второго оператора выбора.
HTML:
<div class="input-label">
Select Kittens:
</div>
<select
ng-model ="options"
ng-options ="option.name for option in options"
ng-change="onChange(options)">
<option>--</option>
</select>
<br>
<div class="input-label">
Select Age:
</div>
<select
ng-options ="detail.age for detail in details">
<option>--</option>
</select>
Контроллер:
.controller("ctrl",['$scope',function($scope){
$scope.options = [
{id:1, name:'typeA'},
{id:2, name:'typeB'},
{id:3, name:'typeC'},
{id:4, name:'typeD'}
]
$scope.onChange = function(item){
console.log("Hi world!");
console.log(item);
$scope.details = [
{id:1, age:'11'},
{id:2, age:'10'},
{id:3, age:'9'},
{id:4, age:'6'}
]
};
}])
Проблемы:
1) После выбора 1-го выбора значение просто исчезает из поля выбора, но значение (объект) успешно передается функции onChange
2) Невозможно заполнить второе поле выбора
Я создал plunkr, чтобы воспроизвести мою проблему (без веб-сервиса). Спасибо!