1. 首页
  2. 问题
  3. ng-options中的键值对
一尘不染

ng-options中的键值对

angularjs

我需要使用 关联数组 作为select使用AngularJS的选项的数据源。

是否可以使用这样的数组？

{
    "key1": "val1",
    "key2": "val2",
    "key3": "val3",
    ...
}

并得到这样的东西：

<select>
    <option value="key1">val1</option>
    <option value="key2">val2</option>
    <option value="key3">val3</option>
    ...
</select>

我阅读了docs，但是我不明白如何实现这一目标。


阅读 255

收藏
2020-07-04

共1个答案

一尘不染

用途ng-option：

<select ng-model="blah" ng-options="key as value for (key , value) in data"></select>

或使用ng-repeat：

<select>
    <option ng-repeat="(key, value) in data" value="{{key}}">{{value}}</option>
</select>

控制器中的数据：

$scope.data = {
    "key1": "val1",
    "key2": "val2",
    "key3": "val3",
    ...
};
2020-07-04