如何使用AngularJS获得级联选择值?

时间:2017-02-21 12:49:06

标签: angularjs select ng-options

我列出了城市这样的列表:

var complejos = {
    'Buenos Aires': {
         '25 de Mayo': [],
         '3 de febrero': [],
         'A. Alsina': [],
         'A. Gonzáles Cháves': [],
         'Aguas Verdes': [],
         'Alberti': [],
         'Arrecifes': [],
         'Ayacucho': [],
         'Azul': [],
         'Bahía Blanca': []},
    'Capital Federal': {
         'Agronomía': [],
         'Almagro': [],
         'Balvanera': [],
         'Barracas': [],
         'Belgrano': [],
         'Boca': [],
         'Boedo': [],
         'Caballito': []}
}

在我的代码中,我有两个md-select,一个用户可以选择他们的状态,然后是他们的城市。示例:布宜诺斯艾利斯 - > 3 de febrero。

我有以下代码:

<select id="state" ng-model="cities" ng-options="state for (state, cities) in complejos">
    <option value=''>Choose a state</option>
</select>

<select id="city" ng-disabled="!cities" ng-model="field" ng-options="city for (city, fields) in cities">
    <option value=''>Pick a city</option>
</select>

工作正常,唯一的问题是我无法获取所选值。相反,我使用“hashkey值”($$hashkey: object:116)得到整个对象。

如何使用该hashkey搜索我的结果?

1 个答案:

答案 0 :(得分:2)

在您的第二个<select>中,只需更改

即可
ng-options="city for (city, fields) in cities">

ng-options="city as city for (city, fields) in cities">

Working JSFiddle