AngularJS: HTML select to use values from map

Question

Have this HTML:

<select ng-model="group" ng-options="g.key for g in groups"></select>

Although $scope.groups is map {'a':'', 'b':'', 'c':''} I'd like select to display map keys: a,b,c

Currently it selects nothing. How to change ng-options?\

UPDATE 1

g for g in Object.keys(groups) does not work either.

Laurent · Accepted Answer · 2014-02-07 21:58:53Z

11

You can use this syntax:

<select ng-model="group" ng-options="key for (key, g) in groups"></select>

You can check out the full documentation for the select directive, especially the ngOptions details: http://docs.angularjs.org/api/ng.directive:select

edited Feb 7, 2014 at 21:58

answered Feb 7, 2014 at 21:51

Laurent

3,82729 silver badges22 bronze badges

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

1 Comment

Archer Over a year ago

It works, but inclorrectly. For some reason it dislpay unsorted items in select and if I try to select any item it just selects the last one and kinda freeze. I had to create another variable $scope.groupKeys = Object.keys($scope.groups) and use it. This way it works

Collectives™ on Stack Overflow

AngularJS: HTML select to use values from map

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related