AngularJS ng-options from an object with objects



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

<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 选项?

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

该文档有点神秘,但您也可以将其重命名为类似 value.name for (key, value) in cityList .

最新更新