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

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.

Related Contents:

  1. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  2. Working with $scope.$emit and $scope.$on
  3. Passing data between controllers in Angular JS?
  4. ng-repeat finish event
  5. AngularJS : Why ng-bind is better than {{}} in angular?
  6. Two sets of parentheses after function call
  7. How do I share $scope data between states in angularjs ui-router?
  8. How to display length of filtered ng-repeat data
  9. $on and $broadcast in angular
  10. AngularJS with Django – Conflicting template tags
  11. AngularJs “controller as” syntax – clarification?
  12. How to set an iframe src attribute from a variable in AngularJS
  13. AngularJS : Difference between the $observe and $watch methods
  14. How to make ng-bind-html compile angularjs code
  15. How to define two angular apps / modules in one page?
  16. How to filter (key, value) with ng-repeat in AngularJs?
  17. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  18. firebase.database is not a function
  19. Injecting a mock into an AngularJS service
  20. AngularJS multiple filter with custom filter function
  21. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  22. use $http inside custom provider in app config, angular.js
  23. How to reduce javascript object to only contain properties from interface
  24. Does it make sense to use Require.js with Angular.js? [closed]
  25. $http.get(…).success is not a function
  26. Apply CSS style attribute dynamically in Angular JS
  27. angular ng-repeat in reverse
  28. ngRepeat Filter by deep property
  29. Reading Excel file using node.js
  30. Angular UI Router: decide child state template on the basis of parent resolved object
  31. How to implement history.back() in angular.js
  32. How to set default browser window size in Protractor/WebdriverJS
  33. Why do angularjs controller declaration have this syntax structure?
  34. Download text/csv content as files from server in Angular
  35. Angular.JS: views sharing same controller, model data resets when changing view
  36. Correct use for angular-translate in controllers
  37. Access index of the parent ng-repeat from child ng-repeat
  38. What is the difference between $routeProvider and $stateProvider?
  39. How to use parameters within the filter in AngularJS?
  40. Angular.js: set element height on page load
  41. Angularjs: understanding a recursive directive
  42. angular.js ng-repeat for creating grid
  43. deep merge objects with AngularJS
  44. Required attribute Not working with File input in Angular Js
  45. How to remove the hash # from the angularjs ng-route
  46. Best way to wait for .forEach() to complete
  47. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller
  48. angularjs force uppercase in textbox
  49. Angular.js ng-repeat filter by property having one of multiple values (OR of values)
  50. Directive is being rendered before promise is resolved

Leave a Comment