AngularJS ng-cut Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-cut Directive

The AnglarJS ng-cut directive specifies the custom behavior of AnglarJS when the text of the input field is being cut. It doesn?t override the element’s original oncut event; both the ng-cut expression and the original oncut event will be executed.

It is supported by HTML tags like < a >, < input >, < select >, < textarea >, and the window object.

Syntax:

Parameter explanation:

expression: It specifies an expression that is executed when the text of an element is being cut.

Let’s take an example to demonstrate ng-ct directive.

See this example:

     <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/angularjs/1.4.8/angular.min.js?ver=1693425700"></script>    <input ng-cut="count = count + 1" ng-init="count=0" value="Cut this text">  
<p>The text has been cut<strong> {{count}} </strong>times.</p>
<p>This example shows that every time you cut the content in the input field, it will increase the value of the variable "count".</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-dblclick Directive

AngularJS ng-cut Directive

AngularJS ng-cut Directive

PHP addcslashes() function

Framework7 Notifications

You may also like