AngularJS ng-dblclick Directive

The ng-dblclick Directive in AngluarJS is used to apply custom behavior when an element is clicked double. It can be used to show or hide some element or it can popup an alert or change the color of text when it is clicked twice. This means that the element's original ondblclick event will not be overridden by this directive, both will be executed.

Syntax:

<element ng-dblclick="expression"> 
 Content... 
</element>

Example 1: This example uses the ng-dblclick Directive in AngularJS to display the alert message after clicking the button doubled.

Output:

Example 2: This example illustrates the ng-dblclick Directive in AngularJS to change the text color after clicking it doubled. 

Output: