AngularJS基礎(chǔ) ng-copy 指令實(shí)例代碼
AngularJS ng-copy 指令
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-copy="count = count + 1" ng-init="count=0" value="拷貝這個(gè)文本" />
<p>文本被拷貝 {{count}} 次。</p>
<p>實(shí)例中變量 "count" 的值在輸入框的文本被拷貝時(shí)會(huì)自動(dòng)增加 1。</p>
</body>
</html>
注意：實(shí)例中變量 "count" 的值在輸入框的文本被拷貝時(shí)會(huì)自動(dòng)增加 1。
定義和用法
ng-copy 指令用于告訴 AngularJS 在 HTML 元素文本被拷貝時(shí)要執(zhí)行的操作。
ng-copy 指令不會(huì)覆蓋元素的原始 oncopy 事件, 事件觸發(fā)時(shí)，ng-copy 表達(dá)式與原始的 oncopy 事件將都會(huì)執(zhí)行。
語(yǔ)法
<element ng-copy="expression"></element>
所有 HTML 元素都支持。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 元素文本被拷貝時(shí)執(zhí)行的表達(dá)式。 |
以上就是對(duì)ng-copy 指令的基礎(chǔ)資料整理，學(xué)習(xí)AngularJS的朋友參考下。
相關(guān)文章
關(guān)于angular js_$watch監(jiān)控屬性和對(duì)象詳解
下面小編就為大家?guī)?lái)一篇關(guān)于angular js_$watch監(jiān)控屬性和對(duì)象詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
詳解ng-alain動(dòng)態(tài)表單SF表單項(xiàng)設(shè)置必填和正則校驗(yàn)
這篇文章主要介紹了詳解ng-alain動(dòng)態(tài)表單SF表單項(xiàng)設(shè)置必填和正則校驗(yàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-06-06
AngularJS 獲取ng-repeat動(dòng)態(tài)生成的ng-model值實(shí)例詳解
這篇文章主要介紹了AngularJS 獲取ng-repeat動(dòng)態(tài)生成的ng-model值實(shí)例詳解的相關(guān)資料,這里提供實(shí)例代碼及實(shí)現(xiàn)效果圖，需要的朋友可以參考下2016-11-11
詳解angular2封裝material2對(duì)話框組件
本篇文章主要介紹了詳解angular2封裝material2對(duì)話框組件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
angular2系列之路由轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的示例代碼
本篇文章主要介紹了angular2系列之路由轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
本文主要介紹了Angular的自定義指令，并提供了實(shí)例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2016-12-12
這篇文章主要介紹了AngularJS 彈出框 $modal，大家都知道open是$modal唯一方法，通過(guò)本文給大家列出了該方法的屬性。對(duì)angularjs彈出框知識(shí)感興趣的朋友一起看下吧2016-08-08
這篇文章主要介紹了關(guān)于 angularJS的一些用法的相關(guān)資料,需要的朋友可以參考下2017-11-11
AngularJS實(shí)現(xiàn)的select二級(jí)聯(lián)動(dòng)下拉菜單功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的select二級(jí)聯(lián)動(dòng)下拉菜單功能,結(jié)合完整實(shí)例形式分析了AngularJS實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單的具體操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10
Angularjs中$http以post請(qǐng)求通過(guò)消息體傳遞參數(shù)的實(shí)現(xiàn)方法
這篇文章主要介紹了Angularjs中$http以post請(qǐng)求通過(guò)消息體傳遞參數(shù)的方法,結(jié)合實(shí)例形式分析了$http使用post請(qǐng)求傳遞參數(shù)的相關(guān)設(shè)置與使用技巧,需要的朋友可以參考下2016-08-08