How to set a selected option of a dropdown list control using angular JS

by

I hope I understand your question, but the ng-model directive creates a two-way binding between the selected item in the control and the value of item.selectedVariant. This means that changing item.selectedVariant in JavaScript, or changing the value in the control, updates the other. If item.selectedVariant has a value of 0, that item should get selected.

If variants is an array of objects, item.selectedVariant must be set to one of those objects. I do not know which information you have in your scope, but here’s an example:

JS:

$scope.options = [{ name: "a", id: 1 }, { name: "b", id: 2 }];
$scope.selectedOption = $scope.options[1];

HTML:

<select data-ng-options="o.name for o in options" data-ng-model="selectedOption"></select>

This would leave the “b” item to be selected.

More Related Contents:

  1. What’s the difference between ng-model and ng-bind
  2. ngModel Formatters and Parsers
  3. Using ng-repeat to generate select options (with Demo)
  4. Angular bootstrap datepicker date format does not format ng-model value
  5. Contenteditable with ng-model doesn’t work
  6. angular.service vs angular.factory
  7. How to add custom validation to an AngularJS form?
  8. How to use a filter in a controller?
  9. Link vs compile vs controller
  10. Angular.js directive dynamic templateURL
  11. Adding parameter to ng-click function inside ng-repeat doesn’t seem to work
  12. Can an AngularJS controller inherit from another controller in the same module?
  13. getting the ng-object selected with ng-change
  14. Is there a difference between promise.then.then vs promise.then; promise.then [duplicate]
  15. Testing AngularJS with Selenium
  16. AngularJS : Custom filters and ng-repeat
  17. Using comma as list separator with AngularJS
  18. localStorage vs sessionStorage vs cookies
  19. Send multipart/form-data files with angular using $http
  20. Getting MathJax to update after changes to AngularJS model
  21. Adding google plus login to ionic app
  22. ng-options with disabled rows
  23. How/when to use ng-click to call a route?
  24. What’s the best way to cancel event propagation between nested ng-click calls?
  25. Can someone provide an example of a $destroy event for scopes in AngularJS?
  26. What is ng-transclude?
  27. How to share data between two modules in AngularJS?
  28. AngularJS ng-model-options getter-setter
  29. When to use double braces {{}} in angularJS
  30. Angular reload current route and reload the current template

Leave a Comment