ng-options with simple array init

by

You actually had it correct in your third attempt.

 <select ng-model="myselect" ng-options="o as o for o in options"></select>

See a working example here:
http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview

The trick is that AngularJS writes the keys as numbers from 0 to n anyway, and translates back when updating the model.

As a result, the HTML will look incorrect but the model will still be set properly when choosing a value. (i.e. AngularJS will translate ‘0’ back to ‘var1’)

The solution by Epokk also works, however if you’re loading data asynchronously you might find it doesn’t always update correctly. Using ngOptions will correctly refresh when the scope changes.

More Related Contents:

  1. Best way to represent a Grid or Table in AngularJS with Bootstrap 3? [closed]
  2. ng-change get new value and original value
  3. Angularjs: ng-options group by
  4. ng-options with disabled rows
  5. Angularjs ng-options using number for model does not select initial value
  6. Use filter on ng-options to change the value displayed
  7. How to set the value attribute for select options?
  8. how to convert the float 9.88 number to integer 9 in angularjs?
  9. ‘this’ vs $scope in AngularJS controllers
  10. How can I dynamically add a directive in AngularJS?
  11. Combating AngularJS executing controller twice
  12. AngularJS – Does $destroy remove event listeners?
  13. Difficulty with ng-model, ng-repeat, and inputs
  14. How to access cookies in AngularJS?
  15. Sending event when AngularJS finished loading
  16. AngularJS vs Angular [closed]
  17. AngularJS – pass function to directive
  18. AngularJS – How to structure a custom filter with ng-repeat to return items conditionally
  19. Angularjs: input[text] ngChange fires while the value is changing
  20. Angular.js: How does $eval work and why is it different from vanilla eval?
  21. angular $q, How to chain multiple promises within and after a for-loop
  22. AngularAMD + ui-router + dynamic controller name?
  23. how to inject dependency into module.config(configFn) in angular
  24. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  25. Order by Object key in ng-repeat
  26. Sharing data between directives
  27. Angular JS resizable div directive
  28. AngularJS: ngRoute Not Working
  29. How do I prevent reload on named view, when state changes? AngularJS UI-Router
  30. Is it possible to use ng-include without web server?

Leave a Comment