<!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>鼠標雙擊標題:</p>

<h1 ng-dblclick="count = count + 1" ng-init="count=0">Welcome</h1>

<p>雙擊了 {{count}} 次。</p>

<p>計數(shù)變量 "count" 在每次鼠標雙擊標題后加 1。</p>

</body>
</html>

注意：計數(shù)變量 "count" 在每次鼠標雙擊標題后加 1。

定義和用法

ng-dblclick 指令用于告訴 AngularJS 在鼠標鼠標 HTML 元素時需要執(zhí)行的操作。

ng-dblclick 指令不會覆蓋元素的原始 ondblclick 事件, 鼠標雙擊時，ng-dblclick 表達式與原始的 ondblclick 事件將都會執(zhí)行。

語法

所有 HTML 元素都支持該指令。

參數(shù)值

值	描述
expression	鼠標雙擊元素后執(zhí)行的表達式。

以上就是對 ng-dblclick 指令的資料整理，后續(xù)繼續(xù)整理相關(guān)資料，謝謝大家的支持！

您可能感興趣的文章:

相關(guān)文章

關(guān)于angularJs清除瀏覽器緩存的方法
這篇文章主要介紹了關(guān)于angularJs清除瀏覽器緩存的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
AngularJS 的$timeout服務示例代碼
這篇文章主要介紹了AngularJS 的$timeout服務示例代碼,需要的朋友可以參考下
2017-09-09
深入淺析AngularJS和DataModel
這篇文章主要介紹了深入淺析AngularJS和DataModel 的相關(guān)資料,需要的朋友可以參考下
2016-02-02
淺談angular4生命周期鉤子
本篇文章主要介紹了淺談angularr4生命周期鉤子，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
AngularJS入門教程之Select(選擇框)詳解
本文主要介紹AngularJS Select,這里給大家整理一些資料詳細講解,并提供實例代碼,有需要的小伙伴參考下
2016-07-07
對Angular中單向數(shù)據(jù)流的深入理解
這篇文章主要給大家介紹了關(guān)于對Angular中單向數(shù)據(jù)流的深入理解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。
2018-03-03
AngularJS基礎教程之簡單介紹
本教程旨在幫助你盡可能快速而有效地學習AngularJS。通過該教程你會學習到AngularJS的一些基本特性，例如指令、表達式、過濾器、模塊和控制器等。以及其它所有你需要知道的有關(guān)AngularJS的東西，如事件、DOM節(jié)點、表單、用戶輸入、數(shù)據(jù)驗證、Http對象等。
2015-09-09
Angular X中使用ngrx的方法詳解（附源碼）
ngrx是一套利用RxJS的類庫，下面這篇文章主要給大家介紹了關(guān)于Angular X中使用ngrx的方法，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-07-07
Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼
本篇文章主要介紹了Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼，具有一定的參考價值，有興趣的可以了解一下
2017-08-08
Angular2學習筆記——詳解路由器模型（Router）
這篇文章主要介紹了Angular2學習筆記——詳解路由器模型（Router），非常具有實用價值，需要的朋友可以參考下。
2016-12-12