VOOZH about

URL: https://www.geeksforgeeks.org/angular-js/how-to-add-many-functions-in-one-ng-click-directive/

⇱ How to add many functions in one ng-click directive? - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

How to add many functions in one ng-click directive?

Last Updated : 29 May, 2019
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. Syntax:
<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. Output:
Comment
Article Tags:

Explore