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:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<input ng-paste="count = count + 1" ng-init="count=0" 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>
</body>
</html>

Test it Now

Next TopicAngularJS ng-pluralize Directive

← prev next →