如何在ng-if中基于ng-if在ng-options中应用两个列表?

时间:2018-03-29 06:01:52

标签: angularjs

我正在使用两个组合box.coming到第一个,在我选择的基础上我需要应用第二个组合框选项。所以我需要在data-ng-options中应用两个不同的列表。例如:在fisrt组合中有两个选项,如国名。第二个是州。如果我选​​择第一个组合作为印度然后在第二个组合中选择印度国家。如果我在第一个组合中选择pakisthan然后需要在第二个组合中显示pakisthan状态等,

3 个答案:

答案 0 :(得分:3)

像这样使用。

 <select  data-ng-model="statename" data-ng-if="country!=2"
                        data-ng-options="state.ID as state.Name for state in indiasStates"> </select>
<select data-ng-model="statename" data-ng-if="country==2"
                        data-ng-options="state.ID as state.Name for state in pakistanStates"> </select>

答案 1 :(得分:0)

因此,在第一个选择框中,您需要类似

的内容
ng-model="selectedCountry" 
ng-options="country as country.name for country in countries"

在第二个中,类似

ng-model="selectedState" 
ng-options="state as state.name for state in selectedCountry.states"

ng-if在这里完全不相关。

答案 2 :(得分:0)

尝试使用条件

ng-options='item for item in (selectedName === "India"? ["KA", "KL", "TN"]: ["AB", "BC"])