AngularJS基礎(chǔ) ng-cut 指令介紹及簡單示例
AngularJS ng-cut 指令
AngularJS 實(shí)例
輸入框的文本被剪切時(shí)執(zhí)行表達(dá)式:
<!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="剪切這個(gè)文本" /> <p>文本被剪切了 {{count}} 次。</p> <p>實(shí)例中計(jì)數(shù)變量 "count" 在每次剪切后自動增加 1。</p> </body> </html>
注意:實(shí)例中計(jì)數(shù)變量 "count" 在每次剪切后自動增加 1。
定義和用法
ng-cut 指令用于告訴 AngularJS 在剪切 HTML 元素的文本時(shí)需要執(zhí)行的操作。
ng-cut 指令指令不會覆蓋元素的原始 oncut 事件, 事件觸發(fā)時(shí),ng-cut 表達(dá)式與原始的 oncut 事件將都會執(zhí)行。
語法
<element ng-cut="expression"></element>
<a>, <input>, <select>, <textarea>, 及窗口對象都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 元素文本被剪切時(shí)執(zhí)行的表達(dá)式。 |
以上就是對AngularJS ng-cut 指令的資料整理,希望能幫助編程Angular的同學(xué)。
- AngularJS基礎(chǔ) ng-disabled 指令詳解及簡單示例
- AngularJS基礎(chǔ) ng-dblclick 指令用法
- AngularJs頁面篩選標(biāo)簽小功能
- AngularJs定制樣式插入到ueditor中的問題小結(jié)
- AngularJS ng-bind-template 指令詳解
- AngularJS ng-bind-html 指令詳解及實(shí)例代碼
- AngularJS基礎(chǔ) ng-copy 指令實(shí)例代碼
- AngularJS基礎(chǔ) ng-cloak 指令簡單示例
- AngularJS入門教程之ng-class 指令用法
- AngularJS基礎(chǔ) ng-focus 指令簡單示例
相關(guān)文章
Angular中使用響應(yīng)式表單的詳細(xì)步驟
Angular提供了兩種處理表單的方式模板驅(qū)動表單和響應(yīng)式表單(也稱為模型驅(qū)動表單),使用模板驅(qū)動表單時(shí),模板指令被用來構(gòu)建表單的內(nèi)部表示,在本文中,您探討了如何將響應(yīng)式表單應(yīng)用于一個(gè)示例 Angular 應(yīng)用程序2024-02-02

Angular實(shí)現(xiàn)的進(jìn)度條功能示例

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

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

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

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