Setting default value in select drop-down using Angularjs

by

Problem 1:

The generated HTML you’re getting is normal. Apparently it’s a feature of Angular to be able to use any kind of object as value for a select. Angular does the mapping between the HTML option-value and the value in the ng-model.
Also see Umur’s comment in this question: How do I set the value property in AngularJS’ ng-options?

Problem 2:

Make sure you’re using the following ng-options:

<select ng-model="object.item" ng-options="item.id as item.name for item in list" />

And put this in your controller to select a default value:

object.item = 4

More Related Contents:

  1. AngularJS: Service vs provider vs factory
  2. File Upload using AngularJS
  3. AngularJS Multiple ng-app within a page
  4. AngularJS: ng-model not binding to ng-checked for checkboxes
  5. Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship)
  6. How to use a keypress event in AngularJS?
  7. AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation
  8. Enforcing unique usernames with Firebase simplelogin
  9. How to Loop through items returned by a function with ng-repeat?
  10. Easiest way to pass an AngularJS scope variable from directive to controller?
  11. How not to change url when show 404 error page with ui-router
  12. How do I fix the npm UNMET PEER DEPENDENCY warning?
  13. Using angularjs filter in input element
  14. How to access global js variable in AngularJS directive
  15. if a ngSrc path resolves to a 404, is there a way to fallback to a default?
  16. Click() function isn’t working in protractor scripts
  17. Send FormData with other field in AngularJS
  18. AngularJs: Reload page
  19. disable nganimate for some elements
  20. How to specify headers parameter for custom Angular $resource action
  21. AngularJS Folder Structure [closed]
  22. Angular filter works but causes “10 $digest iterations reached”
  23. How does Angular 2 change detection work?
  24. ngRoute set base url for all routes
  25. Input autofocus attribute
  26. Fontawesome is not working when project is built with grunt
  27. angularjs text area character counter
  28. How to ‘unwatch’ an expression
  29. Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?
  30. scope and controller instantiation with ui router

Leave a Comment