javascript - 数组ng-options循环数组找不到值

Question

我发送在 C# Controller 中生成一个列表并将其转换为 Json 并在前端进行 Angular 接收。当我尝试使用 ng-options 循环该数组并获取数组值时，我总是得到索引。

<select class="selectpicker" data-show-subtext="true" data-live-search="true" ng-model="groupArray" ng-options="k for (k,v) in groupArray">

enter image description here

Answer 1

嗨，一个简单的工作示例应该是这样的:

Controller 内部

$scope.JSONdata = [{ '名称' : '名称 1', '名字' : '名字 1' }, { '名称': '名称2', '名字': '名字2' }, { '名称': '名称3', '名字': '名字3' }]

从前端

<select ng-model='selectedName'
                ng-options='item as item.name for item in JSONdata'>            
</select>

//Retrieves the whole object. From here you can access both name and 
//sname of the selected item.
SelectedObject : {{selectedName}} 

ng-options 的工作原理如下:

1. 检索整个项目
2. 仅在选项中显示 item.name (选择)
3. 循环遍历 JSONdata 范围中的每个项目时 变量