如何在angularjs的ng-options中使用json对象设置键和值

时间:2018-08-27 05:08:21

标签: html angularjs

我有一个名称为optionData的json对象

socket.broadcast.to(socketId).emit('msg', 'msg data');

我想在SELECT中的ng-options中实现此json数据。我想将此json数据的键实现为选择选项的值,并将json数据的值实现为选择选项的标签。 这是我的html代码

{
 "1": "प्रदेश १",
 "2": "प्रदेश २",
 "3": "प्रदेश ३",
 "4": "प्रदेश ४",
 "5": "प्रदेश ५",
 "6": "प्रदेश ६",
 "7": "प्रदेश ७ "
}

使用此代码,我只能一次设置值或标签。但是我想同时设置值和标签。有什么办法吗?

2 个答案:

答案 0 :(得分:1)

您可以使用ng-repeat

<select aria-controls="example1" class="form-control form-control-sm" multiple="" ><option ng-repeat="(key, value) in data" value="{{key}}">{{ value }}</option></select>

此方法在文档中列出:https://docs.angularjs.org/api/ng/directive/ngRepeat

答案 1 :(得分:1)

几乎在NgOptions中将“值”更改为“ y”

ng-options="x as y for (x, y) in optionData"