AngularJS基礎(chǔ) ng-paste 指令簡單示例
AngularJS ng-paste 指令
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-paste="count = count + 1" ng-init="count=0" value="粘貼文本到這!" /> <p>粘貼了 {{count}} 次文本。</p> <p> 該實例演示了文本在輸入框粘貼時,計算變量 "count" 會自動加 1。</p> </body> </html>
定義和用法
ng-paste 指令用于告訴 AngularJS 文本在 HTML 元素上粘貼時需要執(zhí)行的操作。
ng-paste 指令不會覆蓋元素的原生 onpaste 事件, 事件觸發(fā)時,ng-paste 表達(dá)式與原生的 onpaste 事件將都會執(zhí)行。
語法
<element ng-paste="expression"></element>
<input>, <select>, <textarea> 及其他可編輯元素支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 文本粘貼到元素上執(zhí)行的表達(dá)式。 |
以上就是對AngularJS ng-paste 指令的基礎(chǔ)資料整理,后續(xù)繼續(xù)補充相關(guān)資料,謝謝大家支持!
- AngularJS基礎(chǔ) ng-switch 指令簡單示例
- AngularJS基礎(chǔ) ng-submit 指令簡單示例
- AngularJS教程 ng-style 指令簡單示例
- AngularJS基礎(chǔ) ng-srcset 指令簡單示例
- AngularJS基礎(chǔ) ng-src 指令簡單示例
- AngularJS基礎(chǔ) ng-show 指令簡單示例
- AngularJS基礎(chǔ) ng-selected 指令簡單示例
- AngularJS基礎(chǔ) ng-readonly 指令簡單示例
- AngularJS基礎(chǔ) ng-options 指令詳解
- AngularJs 指令詳解及示例代碼
相關(guān)文章
深入學(xué)習(xí)JavaScript的AngularJS框架中指令的使用方法
這篇文章主要介紹了深入學(xué)習(xí)JavaScript的AngularJS框架中指令的使用方法,指令的使用是Angular入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2016-03-03AngularJs根據(jù)訪問的頁面動態(tài)加載Controller的解決方案
這篇文章主要介紹了AngularJs根據(jù)訪問的頁面動態(tài)加載Controller的解決方案,需要的朋友可以參考下2015-02-02AngularJS實現(xiàn)的根據(jù)數(shù)量與單價計算總價功能示例
這篇文章主要介紹了AngularJS實現(xiàn)的根據(jù)數(shù)量與單價計算總價功能,涉及AngularJS事件響應(yīng)與數(shù)值運算相關(guān)操作技巧,需要的朋友可以參考下2017-12-12Angular實現(xiàn)的敏感文字自動過濾與提示功能示例
這篇文章主要介紹了Angular實現(xiàn)的敏感文字自動過濾與提示功能,結(jié)合實例形式分析了AngularJS針對字符串的輸入判定及實時顯示相關(guān)操作技巧,需要的朋友可以參考下2017-12-12Angular 4依賴注入學(xué)習(xí)教程之FactoryProvider配置依賴對象(五)
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之FactoryProvider配置依賴對象的相關(guān)資料,文中介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-06-06