在NG选项键 - 值对 [英] key-value pairs in ng-options

问题描述

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

是否有可能使用这样一个数组？

  {
    KEY1：VAL1
    KEY2：将val2
    KEY3：VAL3
    ...
}
 

和得到的东西是这样的：

 ＆LT;选择＆GT;
    ＆LT;期权价值=键1＆GT;＆VAL1 LT; /选项＆GT;
    ＆LT;期权价值=KEY2＆GT; val2的＆LT; /选项＆GT;
    ＆LT;期权价值=KEY3＆GT;＆VAL3 LT; /选项＆GT;
    ...
＆LT; /选择＆GT;
 

我看了文档，但我不知道如何实现这一目标。

解决方案

使用 NG选项：

 ＆LT;选择NG模型=嗒嗒NG选项=键为（键，值）的数据值＆GT;＆LT; /选择＆GT;
 

或使用 NG-重复：

 ＆LT;选择＆GT;
    ＆LT;选项NG重复=（键，值）数据VALUE ={{键}}＆GT; {{}值}＆LT; /选项＆GT;
＆LT; /选择＆GT;
 

在控制器

数据：

  $ scope.data = {
    KEY1：VAL1
    KEY2：将val2
    KEY3：VAL3
    ...
};
 

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

and get something like this:

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

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>

or use ng-repeat:

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

data in controller:

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

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