AngularJS基礎 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的同學。
相關文章
Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法
指令是angular的核心功能之一,用好了事半功倍,監(jiān)聽ng-repeat執(zhí)行狀態(tài)僅僅是它功能的冰山一角吧。下面這篇文章主要介紹了Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法,需要的朋友可以參考下。2016-12-12Angular使用 ng-img-max 調整瀏覽器中的圖片的示例代碼
本篇文章主要介紹了Angular使用 ng-img-max 調整瀏覽器中的圖片的示例代碼,具有一定的參考價值,有興趣的可以了解一下2017-08-08