我使用AngularJS创建了两个下拉列表,并通过控制器在其中附加了数据.我想在第一次下拉时发生更改时更改第二个下拉值.
解决方法
更新的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; } } });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。