The ng-click Directive in AngluarJS is used to apply custom behavior when an element is clicked. It can be used to show/hide some element or it can popup alert when the button is clicked. The ng-click directive is a very handy tool used in AngularJS. When an HTML is clicked, the ng-click directive tells the AngularJS script what to do.
In this article, we will learn how to get many/multiple functions to the ng-click directive passed, in just one click.
<element ng-click="expression1(), expression2(), expression3()"> </element>
The key is to add a semi-colon (;) or a comma (,). All the functions must be separated by a (;) or a (, ). This syntax is supported by all the elements in the HTML. It is basically an expression that when clicked, gets executed.
Example: This example shows how to add more than one functions in one ng-click.
Before clicking on the button:
- After clicking on the button:
- Difference between regular functions and arrow functions
- Inverse functions and composition of functions
- AngularJS | ng-src Directive
- AngularJS | Directive
- AngularJS | ng-jq Directive
- AngularJS | ng-csp Directive
- AngularJS | ng-if Directive
- AngularJS | ng-app Directive
- AngularJS | ng-cut Directive
- AngularJS | ng-value Directive
- AngularJS | ng-class-odd Directive
- AngularJS | ng-disabled Directive
- AngularJS | ng-minlength Directive
- AngularJS | ng-model Directive
- AngularJS | ng-show Directive
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.