AngularJS基礎(chǔ) ng-cut 指令介紹及簡單示例
AngularJS ng-cut 指令
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-cut="count = count + 1" ng-init="count=0" value="剪切這個(gè)文本" />
<p>文本被剪切了 {{count}} 次。</p>
<p>實(shí)例中計(jì)數(shù)變量 "count" 在每次剪切后自動(dòng)增加 1。</p>
</body>
</html>
注意：實(shí)例中計(jì)數(shù)變量 "count" 在每次剪切后自動(dòng)增加 1。
定義和用法
ng-cut 指令用于告訴 AngularJS 在剪切 HTML 元素的文本時(shí)需要執(zhí)行的操作。
ng-cut 指令指令不會(huì)覆蓋元素的原始 oncut 事件, 事件觸發(fā)時(shí)，ng-cut 表達(dá)式與原始的 oncut 事件將都會(huì)執(zhí)行。
語法
<element ng-cut="expression"></element>
<a>, <input>, <select>, <textarea>, 及窗口對(duì)象都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 元素文本被剪切時(shí)執(zhí)行的表達(dá)式。 |
以上就是對(duì)AngularJS ng-cut 指令的資料整理，希望能幫助編程Angular的同學(xué)。
- AngularJS基礎(chǔ) ng-disabled 指令詳解及簡單示例
- AngularJS基礎(chǔ) ng-dblclick 指令用法
- AngularJs頁面篩選標(biāo)簽小功能
- AngularJs定制樣式插入到ueditor中的問題小結(jié)
- AngularJS ng-bind-template 指令詳解
- AngularJS ng-bind-html 指令詳解及實(shí)例代碼
- AngularJS基礎(chǔ) ng-copy 指令實(shí)例代碼
- AngularJS基礎(chǔ) ng-cloak 指令簡單示例
- AngularJS入門教程之ng-class 指令用法
- AngularJS基礎(chǔ) ng-focus 指令簡單示例
相關(guān)文章
AngularJS基于provider實(shí)現(xiàn)全局變量的讀取和賦值方法
這篇文章主要介紹了AngularJS基于provider實(shí)現(xiàn)全局變量的讀取和賦值方法,結(jié)合實(shí)例形式分析了AngularJS全局變量的聲明、賦值、讀取等相關(guān)使用技巧,需要的朋友可以參考下2017-06-06
深究AngularJS——ng-checked（回寫：帶真實(shí)案例代碼）
本篇文章主要介紹了深究AngularJS——ng-checked（回寫：帶真實(shí)案例代碼），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
本文主要介紹AngularJs 指令的知識(shí)，這里整理了詳細(xì)的資料和簡單示例代碼幫助大家學(xué)習(xí)理解應(yīng)用，有興趣的小伙伴可以參考下2016-09-09
AngularJs 動(dòng)態(tài)加載模塊和依賴
這篇文章主要介紹了AngularJs 動(dòng)態(tài)加載模塊和依賴方法的相關(guān)資料,需要的朋友可以參考下2016-09-09
詳解AngularJS1.x學(xué)習(xí)directive 中‘& ’‘=’ ‘@’符號(hào)的區(qū)別使用
這篇文章主要介紹了詳解AngularJS1.x學(xué)習(xí)directive 中‘& ’‘=’ ‘@’符號(hào)的區(qū)別使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-08-08
深入淺析AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)
這篇文章主要介紹了AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)知識(shí),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-05-05
Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用
這篇文章主要為大家介紹了Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07
這篇文章主要介紹了Angularjs的鍵盤事件的綁定的相關(guān)資料,這里提供了兩種方法，1.ng內(nèi)置指令，2.自定義指令，并進(jìn)行比較，需要的朋友可以參考下2017-07-07
使用yeoman構(gòu)建angular應(yīng)用的方法
下面小編就為大家?guī)硪黄褂脃eoman構(gòu)建angular應(yīng)用的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
AngularJS深入探討scope，繼承結(jié)構(gòu)，事件系統(tǒng)和生命周期
這篇文章主要介紹了AngularJS的scope，繼承結(jié)構(gòu)，事件系統(tǒng)和生命周期,較為詳細(xì)的分析了scope的作用域、層次結(jié)構(gòu)、繼承及生命周期相關(guān)概念與使用技巧,需要的朋友可以參考下2016-11-11