ng-options 中的键值对 [英] key-value pairs in ng-options

问题描述

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

I need to use an associative array as data source for my select options using AngularJS.

可以使用这样的数组吗?

Is it possible to use an array like this?

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

得到这样的东西:

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

我阅读了 docs，但我不明白如何实现这一点.

I read docs, but I can't understand how to achieve this.

推荐答案

use 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",
    ...
};

这篇关于ng-options 中的键值对的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！