how to get array elements in 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>

I want to display all the array elements in select options.I dont understand what is going on in this.It is giving me error related to (roleName,enabled) in vm.roleNames

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

I want first element to be selected by default.

levi · Accepted Answer · 2015-09-23 19:53:10Z

2

ng-options="(roleName,enabled) in vm.roleNames" in this case, vm.roleNames is an array, so, roleName is the index and enabled is the real "roleName"

So your code should looks like this:

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

edited Sep 23, 2015 at 19:53

answered Sep 23, 2015 at 18:57

levi

22.8k7 gold badges79 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pallavi Over a year ago

ok thanks but how I am supposed to pull elements from array to select - option

Pallavi Over a year ago

error: [ngOptions:iexp] Expected expression in form of 'select (as label)? for (key,)?_value_ in collection' but got '(index,roleName) in vm.roleNames'.

Nishith Kant Chaturvedi · Accepted Answer · 2015-09-23 19:27:13Z

0

try this , for first selected by defult you can use $first

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

edited Sep 23, 2015 at 19:27

answered Sep 23, 2015 at 19:05

Nishith Kant Chaturvedi

4,7892 gold badges18 silver badges24 bronze badges

1 Comment

Nishith Kant Chaturvedi Over a year ago

I forgot that , use $first for default first selected

Pallavi · Accepted Answer · 2015-09-23 23:00:16Z

In 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>

in js:-

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

try reading http://www.undefinednull.com/2014/08/11/a-brief-walk-through-of-the-ng-options-in-angularjs/

Collectives™ on Stack Overflow

how to get array elements in angular js?

3 Answers 3

2 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Related