AngularJS 来自带有对象的对象的 ng-options
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
这只适用于键值对,但现在 "value" 是一个对象
<select class="select-city" ng-model="myCity" ng-options="name for (city, name) in cityList"></select>
所以我的问题是:
在这种情况下如何填充 ng-options?
使用name.name for (city, name) in cityList
- 本例中的name.name
指的是您引入的新对象的name
属性,不幸的是它本身被命名为name
.
The documentation 有点神秘,但您或许也可以将其重命名为 value.name for (key, value) in cityList
之类的名称。
我正在尝试让我的数据显示在列表中,如下所示:
<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
这只适用于键值对,但现在 "value" 是一个对象
<select class="select-city" ng-model="myCity" ng-options="name for (city, name) in cityList"></select>
所以我的问题是:
在这种情况下如何填充 ng-options?
使用name.name for (city, name) in cityList
- 本例中的name.name
指的是您引入的新对象的name
属性,不幸的是它本身被命名为name
.
The documentation 有点神秘,但您或许也可以将其重命名为 value.name for (key, value) in cityList
之类的名称。