快捷導(dǎo)航

AngularJS基礎(chǔ) ng-cut 指令介紹及簡單示例

更新時間：2016年08月01日 11:02:23 投稿：lqh

本文主要介紹AngularJS ng-cut 指令,這里對ng-cut指令的基礎(chǔ)資料進行了整理,和詳細介紹,并附上代碼示例和實現(xiàn)效果圖,學習AngularJS 指令的朋友可以參考下

AngularJS ng-cut 指令

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-cut="count = count + 1" ng-init="count=0" value="剪切這個文本" />

<p>文本被剪切了 {{count}} 次。</p>

<p>實例中計數(shù)變量 "count" 在每次剪切后自動增加 1。</p>

</body>
</html>

注意：實例中計數(shù)變量 "count" 在每次剪切后自動增加 1。

定義和用法

ng-cut 指令用于告訴 AngularJS 在剪切 HTML 元素的文本時需要執(zhí)行的操作。

ng-cut 指令指令不會覆蓋元素的原始 oncut 事件, 事件觸發(fā)時，ng-cut 表達式與原始的 oncut 事件將都會執(zhí)行。

語法

<a>, <input>, <select>, <textarea>, 及窗口對象都支持該指令。

參數(shù)值

值	描述
expression	元素文本被剪切時執(zhí)行的表達式。

以上就是對AngularJS ng-cut 指令的資料整理，希望能幫助編程Angular的同學。

您可能感興趣的文章:

相關(guān)文章

AngularJS基于provider實現(xiàn)全局變量的讀取和賦值方法
這篇文章主要介紹了AngularJS基于provider實現(xiàn)全局變量的讀取和賦值方法,結(jié)合實例形式分析了AngularJS全局變量的聲明、賦值、讀取等相關(guān)使用技巧,需要的朋友可以參考下
2017-06-06
深究AngularJS——ng-checked（回寫：帶真實案例代碼）
本篇文章主要介紹了深究AngularJS——ng-checked（回寫：帶真實案例代碼），具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
AngularJs 指令詳解及示例代碼
本文主要介紹AngularJs 指令的知識，這里整理了詳細的資料和簡單示例代碼幫助大家學習理解應(yīng)用，有興趣的小伙伴可以參考下
2016-09-09
AngularJs 動態(tài)加載模塊和依賴
這篇文章主要介紹了AngularJs 動態(tài)加載模塊和依賴方法的相關(guān)資料,需要的朋友可以參考下
2016-09-09
詳解AngularJS1.x學習directive 中‘& ’‘=’ ‘@’符號的區(qū)別使用
這篇文章主要介紹了詳解AngularJS1.x學習directive 中‘& ’‘=’ ‘@’符號的區(qū)別使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-08-08
深入淺析AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)
這篇文章主要介紹了AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)知識,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-05-05
Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用
這篇文章主要為大家介紹了Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-07-07
Angularjs的鍵盤事件的綁定
這篇文章主要介紹了Angularjs的鍵盤事件的綁定的相關(guān)資料,這里提供了兩種方法，1.ng內(nèi)置指令，2.自定義指令，并進行比較，需要的朋友可以參考下
2017-07-07
使用yeoman構(gòu)建angular應(yīng)用的方法
下面小編就為大家?guī)硪黄褂脃eoman構(gòu)建angular應(yīng)用的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
AngularJS深入探討scope，繼承結(jié)構(gòu)，事件系統(tǒng)和生命周期
這篇文章主要介紹了AngularJS的scope，繼承結(jié)構(gòu)，事件系統(tǒng)和生命周期,較為詳細的分析了scope的作用域、層次結(jié)構(gòu)、繼承及生命周期相關(guān)概念與使用技巧,需要的朋友可以參考下
2016-11-11