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

更新時間：2016年08月02日 16:00:27 投稿：lqh

本文主要介紹AngularJS ng-paste 指令,這里對ng-paste 指令的基礎(chǔ)資料做了整理,并附有代碼示例,有需要的朋友可以參考下

AngularJS ng-paste 指令

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-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 表達式與原生的 onpaste 事件將都會執(zhí)行。

語法

<input>, <select>, <textarea> 及其他可編輯元素支持該指令。

參數(shù)值

值	描述
expression	文本粘貼到元素上執(zhí)行的表達式。

以上就是對AngularJS ng-paste 指令的基礎(chǔ)資料整理，后續(xù)繼續(xù)補充相關(guān)資料，謝謝大家支持！

您可能感興趣的文章:

相關(guān)文章

angularjs ocLazyLoad分步加載js文件實例
本篇文章主要介紹了angularjs ocLazyLoad分步加載js文件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-01-01
利用Jasmine對Angular進行單元測試的方法詳解
單元測試是一種能夠幫助開發(fā)者驗證代碼中某一部分有效性的技術(shù)。下面這篇文章主要給大家介紹了關(guān)于利用Jasmine對Angular進行單元測試的相關(guān)資料，文中介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-06-06
AngularJS bootstrap啟動詳解及實例代碼
這篇文章主要介紹了AngularJS bootstrap啟動的知識，這里整理了相關(guān)資料及簡單實例代碼，,需要的朋友可以參考下
2016-09-09
angular中的http攔截器Interceptors的實現(xiàn)
本篇文章主要介紹了angular中的http攔截器Interceptors的實現(xiàn)的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-02-02
詳解在 Angular 項目中添加 clean-blog 模板
本篇文章主要介紹了詳解在 Angular 項目中添加 clean-blog 模板，非常具有實用價值，需要的朋友可以參考下
2017-07-07
Angular2之二級路由詳解
今天小編就為大家分享一篇Angular2之二級路由詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進行增刪改查
這篇文章主要介紹了AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進行增刪改查的相關(guān)資料,需要的朋友可以參考下
2016-01-01
AngularJS過濾器filter用法分析
這篇文章主要介紹了AngularJS過濾器filter用法,結(jié)合實例形式分析了過濾器filter的功能、分類、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2016-12-12
angular4 JavaScript內(nèi)存溢出問題
本篇文章主要介紹了angular4 JavaScript內(nèi)存溢出問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-03-03
AngularJS入門示例之Hello World詳解
這篇文章主要介紹了AngularJS入門示例之Hello World,較為詳細的分析了AngularJS程序的原理及Hello World程序的創(chuàng)建步驟,需要的朋友可以參考下
2017-01-01