您可以像我的解决过程一样解决此问题:我的解决方案就像您的问题。首先显示 区域* 列表,然后根据 所选区域 显示 塔纳 列表。使用
过滤器 表达式 ***
在HTML中:
<div> <form > <div > <div ><label><i ></i> District List</label></div> <div > <select ng-model="selectedDist" ng-options="district.name for district in districts"> <option value="">Select</option> </select> </div> </div> <div > <div ><label><i ></i> Thana List</label></div> <div > <select ng-model="selectedThana" ng-options="thana.name for thana in thanas | filter: filterexpression"> <option value="">Select</option> </select> </div> </div> </form> </div>
在控制器中:
$scope.selectedDist={}; $scope.districts = [ {id: 1, name: 'Dhaka'}, {id: 2, name: 'Goplaganj'}, {id: 3, name: 'Faridpur'} ]; $scope.thanas = [ {id: 1, name: 'Mirpur', dId: 1}, {id: 2, name: 'Uttra', dId: 1}, {id: 3, name: 'Shahabag', dId: 1}, {id: 4, name: 'Kotalipara', dId: 2}, {id: 5, name: 'Kashiani', dId: 2}, {id: 6, name: 'Moksedpur', dId: 2}, {id: 7, name: 'Vanga', dId: 3}, {id: 8, name: 'faridpur', dId: 3} ]; $scope.filterexpression = function(thana) { return (thana.dId === $scope.selectedDist.id ); };注意: 此处 filterexpression 是一个自定义函数,当所选区域id等于thana中的dId时,返回值。



