AngularJS ng-cut 指令
-
定义和用法
ng-cut
指令告诉 AngularJS 剪切 HTML 元素的文本时该怎么做。AngularJS 的ng-cut
指令不会覆盖元素的原始 oncut 事件,ng-cut
表达式和原始 oncut 事件都会被执行。 -
语法
<element ng-cut="expression"></element>
仅由<a>,<input>,<select>和<textarea>元素和 window 对象支持该指令。
-
参数
参数 必需的 描述 expression 是 剪切元素文本时要执行的表达式。 -
示例
下例演示了剪切输入字段的文本时执行一个表达式:
尝试一下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎来到蝴蝶教程</title> <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script> </head> <body ng-app=""> <input ng-cut="count = count + 1" ng-init="count=0" value="剪切这个文本"> <p>文本已被 {{ count }} 次剪切。</p> <p>每次在输入字段中剪切文本时,此示例都会增加变量“count”的值。</p> </body> </html>
-