AngularJS基礎(chǔ) ng-cut 指令介紹及簡單示例
AngularJS ng-cut 指令
AngularJS 實例
輸入框的文本被剪切時執(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="剪切這個文本" />
<p>文本被剪切了 {{count}} 次。</p>
<p>實例中計數(shù)變量 "count" 在每次剪切后自動增加 1。</p>
</body>
</html>
注意:實例中計數(shù)變量 "count" 在每次剪切后自動增加 1。
定義和用法
ng-cut 指令用于告訴 AngularJS 在剪切 HTML 元素的文本時需要執(zhí)行的操作。
ng-cut 指令指令不會覆蓋元素的原始 oncut 事件, 事件觸發(fā)時,ng-cut 表達(dá)式與原始的 oncut 事件將都會執(zhí)行。
語法
<element ng-cut="expression"></element>
<a>, <input>, <select>, <textarea>, 及窗口對象都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 元素文本被剪切時執(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 指令詳解及實例代碼
- AngularJS基礎(chǔ) ng-copy 指令實例代碼
- AngularJS基礎(chǔ) ng-cloak 指令簡單示例
- AngularJS入門教程之ng-class 指令用法
- AngularJS基礎(chǔ) ng-focus 指令簡單示例
相關(guān)文章
Angular中使用響應(yīng)式表單的詳細(xì)步驟
Angular提供了兩種處理表單的方式模板驅(qū)動表單和響應(yīng)式表單(也稱為模型驅(qū)動表單),使用模板驅(qū)動表單時,模板指令被用來構(gòu)建表單的內(nèi)部表示,在本文中,您探討了如何將響應(yīng)式表單應(yīng)用于一個示例 Angular 應(yīng)用程序2024-02-02
Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法
Javascript基礎(chǔ)_標(biāo)記文字的實現(xiàn)方法
AngularJS基礎(chǔ) ng-srcset 指令簡單示例
Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼

