AngularJS基礎(chǔ) ng-dblclick 指令用法
更新時(shí)間：2016年08月01日 11:28:51 投稿：lqh
本文主要介紹AngularJS ng-dblclick 指令,這里對(duì)ng-dblclick基礎(chǔ)資料整理并詳細(xì)介紹,簡(jiǎn)單的代碼實(shí)例和實(shí)現(xiàn)效果,希望能幫助學(xué)習(xí)AngularJS的朋友
AngularJS ng-dblclick 指令
AngularJS 實(shí)例
在每次鼠標(biāo)雙擊時(shí)，變量 count 加 1:
<!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="">
<p>鼠標(biāo)雙擊標(biāo)題:</p>
<h1 ng-dblclick="count = count + 1" ng-init="count=0">Welcome</h1>
<p>雙擊了 {{count}} 次。</p>
<p>計(jì)數(shù)變量 "count" 在每次鼠標(biāo)雙擊標(biāo)題后加 1。</p>
</body>
</html>
注意：計(jì)數(shù)變量 "count" 在每次鼠標(biāo)雙擊標(biāo)題后加 1。
定義和用法
ng-dblclick 指令用于告訴 AngularJS 在鼠標(biāo)鼠標(biāo) HTML 元素時(shí)需要執(zhí)行的操作。
ng-dblclick 指令不會(huì)覆蓋元素的原始 ondblclick 事件, 鼠標(biāo)雙擊時(shí)，ng-dblclick 表達(dá)式與原始的 ondblclick 事件將都會(huì)執(zhí)行。
語(yǔ)法
<element ng-dblclick="expression"></element>
所有 HTML 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 鼠標(biāo)雙擊元素后執(zhí)行的表達(dá)式。 |
以上就是對(duì) ng-dblclick 指令的資料整理，后續(xù)繼續(xù)整理相關(guān)資料，謝謝大家的支持！
相關(guān)文章
這篇文章主要介紹了關(guān)于angularJs清除瀏覽器緩存的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
這篇文章主要介紹了AngularJS 的$timeout服務(wù)示例代碼,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了深入淺析AngularJS和DataModel 的相關(guān)資料,需要的朋友可以參考下2016-02-02
本篇文章主要介紹了淺談angularr4生命周期鉤子，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
AngularJS入門(mén)教程之Select(選擇框)詳解
本文主要介紹AngularJS Select,這里給大家整理一些資料詳細(xì)講解,并提供實(shí)例代碼,有需要的小伙伴參考下2016-07-07
對(duì)Angular中單向數(shù)據(jù)流的深入理解
這篇文章主要給大家介紹了關(guān)于對(duì)Angular中單向數(shù)據(jù)流的深入理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
本教程旨在幫助你盡可能快速而有效地學(xué)習(xí)AngularJS。通過(guò)該教程你會(huì)學(xué)習(xí)到AngularJS的一些基本特性，例如指令、表達(dá)式、過(guò)濾器、模塊和控制器等。以及其它所有你需要知道的有關(guān)AngularJS的東西，如事件、DOM節(jié)點(diǎn)、表單、用戶輸入、數(shù)據(jù)驗(yàn)證、Http對(duì)象等。2015-09-09
ngrx是一套利用RxJS的類庫(kù)，下面這篇文章主要給大家介紹了關(guān)于Angular X中使用ngrx的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-07-07
Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼
本篇文章主要介紹了Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
Angular2學(xué)習(xí)筆記——詳解路由器模型（Router）
這篇文章主要介紹了Angular2學(xué)習(xí)筆記——詳解路由器模型（Router），非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2016-12-12