来自具有对象的对象的AngularJS ng-options

时间:2015-04-30 19:04:43

标签: angularjs object ng-options angularjs-ng-options

我试图将我的数据显示在列表中,如下所示:

<option value="4351">Atlanta</option>

这是我的目标。

$scope.cityList = {
    4351:{name:"Atlanta", short="atlanta"},
    7355:{name:"Baltimore", short="baltimore"},
    1212:{name:"Chicago", short="chicago"},
    4398:{name:"Dallas", short="dallas"}
};

HTML
这只适用于键值对,但现在“值”是一个对象

<select class="select-city" ng-model="myCity" ng-options="name for (city, name) in cityList"></select>

所以我的问题是这样的:
在这种情况下,如何填充ng-options?

1 个答案:

答案 0 :(得分:5)

使用name.name for (city, name) in cityList - 在这种情况下,name.name是指您引入的新对象的name属性,不幸的是它本身名为name

The documentation有点神秘,但您也可以将其重命名为value.name for (key, value) in cityList