[英]Angularjs select using ng-options
我想在第一个选择更改其值时使用具有2个选择输入的州来过滤城市,第二个应根据第一个选择更改其值。
我有一系列物品:
$scope.items = [
{
name:'state1',
cities : [
{id:1,name:'city1'},
{id:2,name:'city2'},
]
},
{
name:'state2',
cities : [
{id:1,name:'city1'},
{id:2,name:'city2'},
]
},
];
我尝试了这个,但是它不起作用:首先用于状态:
<select ng-model="state" ng-options="s.id as s.name in states" ></select>
城市第二名:
<select ng-model="city" ng-options="s.cities.id as s.cities.name for s in items | filter:{s.name:state}" ></select>
第一个下拉列表选择整个国家对象。 第二个下拉菜单的选项是所选国家/地区的城市:
<select class="country" ng-model="selectedCountry" ng-options="country.name for country in items">
<option value="">Choose country</option>
</select>
<select ng-if="selectedCountry" class="city" ng-model="selectedCity" ng-options="city.name for city in selectedCountry.cities">
<option value="">Choose city</option>
</select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.