How to make a preselection for a select list generated by AngularJS?

by

Here’s what worked:

<select ng-init="team.captain=team.players[0]" 
        ng-model="team.captain" 
        ng-options="player.name for player in team.players"></select>

And what didn’t work:

ng-init="team.captain='0'"
ng-init="team.captain='John'"

My guess is that Angular goes beyond simple comparison of values or labels. It probably compares object references.

More Related Contents:

  1. Why are Callbacks from Promise `.then` Methods an Anti-Pattern
  2. Clicking a button within a form causes page refresh
  3. How to dynamically change header based on AngularJS partial view?
  4. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  5. What’s the recommended way to extend AngularJS controllers?
  6. Losing scope when using ng-include
  7. how to split the ng-repeat data with three columns using bootstrap
  8. SyntaxError: Unexpected token o in JSON at position 1
  9. AngularJS – ng-disabled not working for Anchor tag
  10. How does the $resource `get` function work synchronously in AngularJS?
  11. Using Jquery Datatable with AngularJs
  12. How to debug angular protractor tests in WebStorm
  13. What’s the difference/incompatibility between ng-model and ng-value?
  14. Angular JS custom delimiter
  15. Where to put model data and behaviour? [tl; dr; Use Services]
  16. $watch’ing for data changes in an Angular directive
  17. AngularJS: How do I manually set input to $valid in controller?
  18. How can I handle browser tab close event in Angular? Only close, not refresh
  19. Using jqgrid with popover from angular ui bootstrap
  20. how to change the headers for angularjs $http.jsonp
  21. How can I access the value of a promise?
  22. Open links in new window using AngularJS
  23. AngularJS ng-src inside of iframe
  24. Show pop-ups the most elegant way
  25. AngularJS: lazy loading controllers and content
  26. Is it a bad practice to use jQuery in Angular? [closed]
  27. Rename Object Key in an array using javascript
  28. Function Called Multiple Times in AngularJS Repeat Section
  29. Load static JSON file in Webpack
  30. Decode HTML entity in Angular JS

Leave a Comment