Get value when selected ng-option changes

by

as Artyom said you need to use ngChange and pass ngModel object as argument to your ngChange function

Example:

<div ng-app="App" >
  <div ng-controller="ctrl">
    <select ng-model="blisterPackTemplateSelected" ng-change="changedValue(blisterPackTemplateSelected)" 
            data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates">
      <option value="">Select Account</option>
    </select>
    {{itemList}}     
  </div>       
</div>

js:

function ctrl($scope) {
  $scope.itemList = [];
  $scope.blisterPackTemplates = [{id:1,name:"a"},{id:2,name:"b"},{id:3,name:"c"}];

  $scope.changedValue = function(item) {
    $scope.itemList.push(item.name);
  }       
}

Live example: http://jsfiddle.net/choroshin/9w5XT/4/

More Related Contents:

  1. ‘this’ vs $scope in AngularJS controllers
  2. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  3. AngularJS access parent scope from child controller
  4. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  5. How do I use $rootScope in Angular to store variables?
  6. $rootScope.$broadcast vs. $scope.$emit
  7. When writing a directive in AngularJS, how do I decide if I need no new scope, a new child scope, or a new isolated scope?
  8. AngularJS access scope from outside js function
  9. How do I inject a controller into another controller in AngularJS
  10. Sending event when AngularJS finished loading
  11. Does my ng-model really need to have a dot to avoid child $scope problems?
  12. Confused about Angularjs transcluded and isolate scopes & bindings
  13. How to call a function from another controller in AngularJS? [duplicate]
  14. How do I ignore the initial load when watching model changes in AngularJS?
  15. Directive isolate scope with ng-repeat scope in AngularJS
  16. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  17. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  18. AngularJS : ng-repeat filter when value is greater than
  19. angularjs share data config between controllers
  20. Call a method of a controller from another controller using ‘scope’ in AngularJS
  21. Angular scope function executed multiple times
  22. Why is using if(!$scope.$$phase) $scope.$apply() an anti-pattern?
  23. AngularJS $watch vs $watchCollection: which is better for performance?
  24. Typescript async/await doesnt update AngularJS view
  25. AngularJS controller inheritance
  26. AngularJS – Filter empty objects
  27. Why ng-scope is added to javascript inline of my partial view and makes alert not working?
  28. How to detect browser using angularjs?
  29. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  30. scope and controller instantiation with ui router

Leave a Comment