How to call multiple functions on ng-change in angularJS?

Question

ng-change = "ControllerName.functionName()"

here I want to add one more function to that. How can I do that ?

Thanks in advance.

`ng-change = "ControllerName.functionName(); ControllerName.otherFunctionName()"` — devqon, Sep 26 '16 at 08:58
possible duplicate http://stackoverflow.com/questions/16813945/how-to-add-many-functions-in-one-ng-click — JuniorDev, Sep 26 '16 at 08:59

score 37 · Answer 1 · answered Sep 26 '16 at 08:59

37

This should do the trick:

ng-change = "ControllerName.functionName(); ControllerName.anotherFunction();"

answered Sep 26 '16 at 08:59

Stefan Rein

score 7 · Answer 2 · answered Sep 26 '16 at 09:00

7

Why not rather group the functions in the controller inside another function?

function onChangeGroup(){
 doStuff();
 doMoreStuff();
}

<input ng-change="ControllerName.onChangeGroup()"/>

Regards

answered Sep 26 '16 at 09:00

frikkievb

3

IMHO, this can obscure what's happening a little bit; it's useful to be able to read through the template and know what sort of actions are triggered by changes on each model. That being said, there is of course a limit; I would *mayyyybe* allow up to three function calls in ngChange without wrapping them in another function, and probably only if they had short, descriptive names. Anything more than three and I'd definitely want to wrap it in a new scope function – Ken Bellows Dec 14 '17 at 16:46

score 7 · Answer 3 · edited Dec 14 '17 at 16:46

7

This is working properly but one controller in both function.

ng-change = "function1();function2();"

edited Dec 14 '17 at 16:46

Ken Bellows

answered Sep 26 '16 at 13:44

pawan sen

score 6 · Answer 4 · answered Jan 18 '18 at 12:07

6

for angular version 1.* : ng-change = "function1();function2();"

for angular version 2.* or more: (change)= "function1();function2();"

answered Jan 18 '18 at 12:07

Ferdous Wahid

Ayaz Ali Shah · Answer 5 · 2016-09-26T09:06:35.993

3

You just need to add another function in the same double quotes.

ng-change = "ControllerName.functionFirst(); ControllerName.functionSecond();"

You can use ng-change for multi expression by adding semicolon ; after each expression

edited Sep 26 '16 at 09:06

answered Sep 26 '16 at 09:01

Ayaz Ali Shah

5 Answers5