Javascript AngularJs:：在其他下拉列表的基础上加载下拉列表中的数据

在AngularJS的第一个下拉列表中加载数据，然后在这个下拉列表的基础上，我想用另一个控制器的数据生成下一个下拉列表

<ul data-role="listview" data-inset="true">
            <li ng-controller="exerciseCatagoryCtrl">
                <span>Catagory</span>
                <select id="exerciseSuperCategory" data-role="listview" ng-options="catagory as catagory.text for catagory in catagories.cast " ng-model="item" ng-change="update()">
                </select>
            </li>
        </ul>

所以现在，基于这段文本，即get in ng change事件，我希望从不同的控制器获取数据 假设另一个控制器是

 myApp.factory('types', function () {
    var types = {};
    types.cast = [{
            value : "exeCatagory_001",
            text : "Gym"
        }, {
            value : "exeCatagory_002",
            text : "Sports"
        }
    ];
    return types;
})

myApp.controller('exerciseTypeCtrl', function ($scope, types) {
    $scope.types = types;
    $scope.update = function () {
    alert("Index Changed");
    }
});

所以我希望这个数据在其他下拉列表中是用户从第一个下拉列表中选择户外 我尝试了不同的方法，但都不管用

---

如果用户选择室内，将有另一个控制器

设置JSFIDLE或Plnkr&我很乐意看一看。@GFoley83这里是JSFIDLE链接

<ul data-role="listview" data-inset="true">
            <li ng-controller="exerciseCatagoryCtrl">
                <span>Catagory</span>
                <select id="exerciseSuperCategory" data-role="listview" ng-options="catagory as catagory.text for catagory in catagories.cast " ng-model="item" ng-change="update()">
                </select>
            </li>
        </ul>