AngularJS Изменение значений выпадающих значений Динамически

Question

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

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

Answer 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; 
    } 
} 
}); 

Updated Example