javascript - 如何在Angular JS中获取数组元素？

Question

In html
<select class="element-margin-top" ng-model="vm.selectedRole" ng-options="(roleName,enabled) in vm.roleNames">
                <option value="">All Roles</option>{{vm.roles[0]}}
            </select>

我想显示选择选项中的所有数组元素。我不明白这是怎么回事。它给了我与 vm.roleNames 中的 (roleName,enabled) 相关的错误

In js:
 var vm = this;
 vm.roleNames = ['SuperAdmin','Admin','Retailer','Manufacturer'];
 vm.selectedRole = vm.roleNames[-1];

我希望默认选择第一个元素。

Answer 1

ng-options="(roleName,enabled) in vm.roleNames" 在本例中，vm.roleNames 是一个数组，因此 roleName 是index，enabled 是真正的“roleName”

所以你的代码应该如下所示:

<select class="element-margin-top" ng-model="vm.selectedRole" ng-options="(index,roleName) as roleName in vm.roleNames">
         <option value="">All Roles</option>
</select>