Выпадающие значения AngularJS изменяются динамически

Я создал два выпадающих списка с помощью AngularJS и добавил данные в них через контроллеры. Я хочу изменить значения второго выпадающего списка, когда происходит изменение в первом выпадающем списке.

Я создаю Пример , но когда я изменяю значение первого выпадающего списка; значения второго выпадающего списка не изменяются.

1 4
angularjs angularjs-controller

1 ответ:

Обновленный HTML: 

<div ng-controller="exerciseTypeCtrl">

<ul data-role="listview" data-inset="true" >
<li>
    <select id="exerciseSuperCategory" data-role="listview" ng-options="catagory as catagory.text for catagory in catagories.cast " ng-model="itemsuper" ng-change="changeData()">
    </select>
</li>
</ul>       
<ul data-role="listview" data-inset="true">
<li>
    <select data-role="listview" ng-options="type as type.text for type in types.cast " ng-model="item1" ng-change="update()">

    </select>
</li>
</ul>

Обновленный Контроллер: 

myApp.controller('exerciseTypeCtrl',function($scope,indoors,outdoors,setNulls, catagories){

$scope.catagories = catagories;
$scope.types = setNulls;
$scope.changeData = function() {
    //console.log($scope.itemsuper);

    if($scope.itemsuper.text == "Indoor") {
        $scope.types = indoors;
    } else if($scope.itemsuper.text == "Outdoor") {
        $scope.types = outdoors;
    } else {
        $scope.types = setNulls;
    }
 }
});

Обновленный Пример

11