Angular ng-change for select not calling the declared method

Question

I have the following html form select statement

<select ng-change="setBillGroup()" ng-model="bill.groupId" class="span8" ng-options="d.id as d.name for d in groups"></select>

and the js

myApp.controller('myAppController', function($scope, myAppService) {

.....
function setBillGroup(){
 console.log("setBillGroup method called!");
    ......
 }

....
});

But for some reason the setBillGroup() never seems to get called when I select something or the other in the form.

Ufuk Hacıoğulları · Accepted Answer · 2014-09-21 22:04:49Z

27

You have to define the method in the scope.

$scope.setBillGroup = function(){
 console.log("setBillGroup method called!");
    ......
 };

edited Sep 21, 2014 at 22:04

answered Jun 9, 2013 at 0:02

Ufuk Hacıoğulları

38.6k14 gold badges120 silver badges157 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user6123723 Over a year ago

Wow! Never felt this dumb! Thank you!

Spock Over a year ago

Oh my god - just passed by, searching for a related problem - and the only thing I never checked, was wether the called function was in scope. THANK YOU SO MUCH

Collectives™ on Stack Overflow

Angular ng-change for select not calling the declared method

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related