Angularjs: function call in select element

Question

Angularjs: function call in select element

How to call a function in the case below?

<select class="dropdown">
    <option ng-repeat="group in myGroups" ng-model="group.Name" ng-change="myFunction(group.Id)">{{group.Name}}</option>
</select>

ng-click will not work
ng-model is required if you want to use ng-change (otherwise I don't need an ng-model)
ng-change also does not call the function
I know that I could just use ng-model and $ watch, but since I don’t think I can really use ng-model, in this case I am a bit confused.

So how can I call a function inside ng-repeat select? (its not ng-select, as you probably noticed)

+3

angularjs angularjs-ng-repeat

trainoasis Feb 17 '14 at 8:06

source share

1 answer

Florian · Accepted Answer · 2014-02-17T08:22:32+0000

Well, he optiondoesn’t change.

What changes will make the value of the element select.

So try the following:

<select ng-model="selectedGroup" ng-change="yourFunction()">
   <option ng-repeat="group in myGroups">{{group.name}}</option>
</select>

yourFunction scope :

scope.yourFunction = function() {
   console.log(scope.selectedGroup);
};

ngOptions .

Angularjs: function call in select element

More articles: