快捷導(dǎo)航

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

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

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

AngularJS ng-paste 指令

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-paste="count = count + 1" ng-init="count=0" value="粘貼文本到這!" />

<p>粘貼了 {{count}} 次文本。</p>

<p>
該實(shí)例演示了文本在輸入框粘貼時(shí)，計(jì)算變量 "count" 會自動加 1。</p>
</body>
</html>

定義和用法

ng-paste 指令用于告訴 AngularJS 文本在 HTML 元素上粘貼時(shí)需要執(zhí)行的操作。

ng-paste 指令不會覆蓋元素的原生 onpaste 事件, 事件觸發(fā)時(shí)，ng-paste 表達(dá)式與原生的 onpaste 事件將都會執(zhí)行。

語法

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

參數(shù)值

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

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

您可能感興趣的文章:

相關(guān)文章

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