AngularJS | ng-copy Directive
The ng-copy Directive in AngularJS is used to specify the custom behavior functions during copy of text in input text fields. It can be used when we want to call a function which will be triggered when the text is copied from the input field. It is supported by all input elements.
Syntax:
<element ng-copy="expression"> Contents... </element>
Where expression tells what to do when the element is copied.
Example: This example uses ng-copy Directive to display a message when element will copy.
<!DOCTYPE html> < html > < head > < title >ng-copy Directive</ title > < script src = </ script > </ head > < body ng-app style = "text-align:center" > < h1 style = "color:green" >GeeksforGeeks</ h1 > < h2 >ng-copy Directive</ h2 > < div ng-init = "isCopy=false; copy='Copy this text!'" > < textarea ng-copy = "isCopy=true" ng-model = "copy" > </ textarea > < br > < pre >Copied status: {{isCopy}}</ pre > </ div > </ body > </ html > |
chevron_right
filter_none
Output:
Before copy the element:
After copy the element: