AngularJS ng-paste Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-paste Directive

The AnglarJS ng-paste directive specifies the custom behavior of AngularJS when text is pasted into an HTML element. It doesn’t override the element’s original onpaste event, both will be executed.

It is supported by <input>, <select>, and <textarea> and other editable elements.

Syntax:

Parameter explanation:

expression: It specifies an expression that is executed when text is being pasted into an element.

Let’s take an example to demonstrate the usage of the ng-paste directive.

See this example:

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>    <input ng-init="count=0" ng-paste="count = count + 1" value="Paste any text here!">  
<p>Text has been pasted <strong>{{count}}</strong> times.</p>
<p><strong>Note:</strong> Every time yo paste any text here, it will increase the value of the variable "count".</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-pluralize Directive

AngularJS ng-paste Directive

AngularJS ng-paste Directive

PHP addcslashes() function

Framework7 Notifications

You may also like