AngularJS基礎(chǔ) ng-cut 指令介紹及簡單示例
AngularJS ng-cut 指令
AngularJS 實例
輸入框的文本被剪切時執(zhí)行表達式:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> <input ng-cut="count = count + 1" ng-init="count=0" value="剪切這個文本" /> <p>文本被剪切了 {{count}} 次。</p> <p>實例中計數(shù)變量 "count" 在每次剪切后自動增加 1。</p> </body> </html>
注意:實例中計數(shù)變量 "count" 在每次剪切后自動增加 1。
定義和用法
ng-cut 指令用于告訴 AngularJS 在剪切 HTML 元素的文本時需要執(zhí)行的操作。
ng-cut 指令指令不會覆蓋元素的原始 oncut 事件, 事件觸發(fā)時,ng-cut 表達式與原始的 oncut 事件將都會執(zhí)行。
語法
<element ng-cut="expression"></element>
<a>, <input>, <select>, <textarea>, 及窗口對象都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 元素文本被剪切時執(zhí)行的表達式。 |
以上就是對AngularJS ng-cut 指令的資料整理,希望能幫助編程Angular的同學(xué)。
- AngularJS基礎(chǔ) ng-disabled 指令詳解及簡單示例
- AngularJS基礎(chǔ) ng-dblclick 指令用法
- AngularJs頁面篩選標簽小功能
- AngularJs定制樣式插入到ueditor中的問題小結(jié)
- AngularJS ng-bind-template 指令詳解
- AngularJS ng-bind-html 指令詳解及實例代碼
- AngularJS基礎(chǔ) ng-copy 指令實例代碼
- AngularJS基礎(chǔ) ng-cloak 指令簡單示例
- AngularJS入門教程之ng-class 指令用法
- AngularJS基礎(chǔ) ng-focus 指令簡單示例
相關(guān)文章

Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法

Javascript基礎(chǔ)_標記文字的實現(xiàn)方法

AngularJS基礎(chǔ) ng-srcset 指令簡單示例

Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼