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)文章
Angularjs 制作購(gòu)物車功能實(shí)例代碼
這篇文章主要介紹了Angularjs 制作購(gòu)物車功能實(shí)例代碼的相關(guān)資料,并附示例代碼，需要的朋友可以參考下2016-09-09
angular2路由切換改變頁(yè)面title的示例代碼
本篇文章主要介紹了angular2路由切換改變頁(yè)面title的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
AngularJS入門教程之路由機(jī)制ngRoute實(shí)例分析
這篇文章主要介紹了AngularJS入門教程之路由機(jī)制ngRoute,結(jié)合實(shí)例形式分析了AngularJS路由機(jī)制的原理、ngRoute的組成、配置、參數(shù)與相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
本文主要介紹AngularJS環(huán)境設(shè)置,學(xué)習(xí)AngularJS的朋友肯定要設(shè)置開(kāi)發(fā)軟件的環(huán)境,這里詳細(xì)介紹安裝設(shè)置流程，有需要的朋友可以參考下2016-08-08
使用RxJS更優(yōu)雅地進(jìn)行定時(shí)請(qǐng)求詳析
這篇文章主要給大家介紹了關(guān)于如何使用RxJS更優(yōu)雅地進(jìn)行定時(shí)請(qǐng)求的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用RxJS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
Angular 4.0學(xué)習(xí)教程之架構(gòu)詳解
作為一種大受歡迎的Web應(yīng)用程序框架,Angular終于迎來(lái)了版本4.0，下面這篇文章主要給大家介紹了關(guān)于Angular 4.0學(xué)習(xí)教程之架構(gòu)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-09-09
單頁(yè)應(yīng)用中，組件時(shí)構(gòu)建應(yīng)用的基礎(chǔ)元素，頁(yè)面展示什么內(nèi)容均是靠頁(yè)面有什么組件決定的，而展示什么組件又是由一組路由（帶有Url元素的特定集合，可用于導(dǎo)航視圖）決定的，希望本文可以幫助讀者了解路由的基礎(chǔ)概念和基礎(chǔ)使用、寫(xiě)法。2021-05-05
Angular性能優(yōu)化之第三方組件和懶加載技術(shù)
這篇文章主要介紹了Angular性能優(yōu)化之第三方組件和懶加載技術(shù)，對(duì)性能優(yōu)化感興趣的同學(xué)，可以參考下2021-05-05
本文主要介紹AngularJS 路由與多視圖詳解，這里整理了相關(guān)資料及示例代碼，詳細(xì)說(shuō)明了在開(kāi)發(fā)過(guò)程中如何應(yīng)用，有興趣的朋友可以看下2016-08-08
Angular通過(guò)指令動(dòng)態(tài)添加組件問(wèn)題
這篇文章主要介紹了Angular通過(guò)指令動(dòng)態(tài)添加組件問(wèn)題,文中通過(guò)寫(xiě)一個(gè)小組件來(lái)簡(jiǎn)單總結(jié)下，需要的朋友可以參考下2018-07-07