Как получить элементы массива в угловых 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> 

Я хочу, чтобы отобразить все элементы массива выберите options.I не понимаю, что происходит в this.It дает мне ошибку, связанную с (RoleName, включенных) в vm.roleNames

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

Я хочу, чтобы первый элемент был выбран по умолчанию.

Answer 1

В html:

<select class="element-margin-top" ng-model="vm.selectedOption"> 
        <option value="">All Roles</option> 
        <option ng-repeat="item in vm.optionNames" value="{{item}}">{{item}}</option> 
       </select> 

в ЯШАХ: -

vm.optionNames = ['User', 'Account', 'Brand']; 
    vm.selectedOption = vm.optionNames[-1]; 

попробуйте прочитать http://www.undefinednull.com/2014/08/11/a-brief-walk-through-of-the-ng-options-in-angularjs/

Answer 2

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> 

Answer 3

попробовать это, для первых выбранный defult вы можете использовать $ first

<select ng-model="selectedRole"> 
         <option ng-repeat="name in roleNames " 
          ng-selected="$first" value="{{name}}">{{name}}</option> 
       </select>