<!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="">

<div ng-mouseleave="count = count + 1" ng-init="count=0">鼠標(biāo)從我這移開(kāi)!</div>

<h1>{{count}}</h1>

<p>
該實(shí)例在鼠標(biāo)從 DIV 元素移開(kāi)時(shí)，計(jì)算變量 "count" 會(huì)自動(dòng)加 1。</p>

</body>
</html>

定義和用法

ng-mouseleave 指令用于告訴 AngularJS 鼠標(biāo)從 HTML 元素上移開(kāi)時(shí)要執(zhí)行的操作。

ng-mouseleave 指令不會(huì)覆蓋元素的原生 onmouseleave 事件, 事件觸發(fā)時(shí)，ng-mouseleave 表達(dá)式與原生的 onmouseleave事件將都會(huì)執(zhí)行。

語(yǔ)法

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

參數(shù)值

值	描述
expression	鼠標(biāo)在元素上移開(kāi)時(shí)執(zhí)行的表達(dá)式。

以上就是對(duì)AngularJS ng-mouseleave指令的基礎(chǔ)資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料。

您可能感興趣的文章:

相關(guān)文章

詳解angularjs利用ui-route異步加載組件
本篇文章主要介紹了詳解angularjs利用ui-route異步加載組件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
AngularJS入門(mén)教程之過(guò)濾器詳解
本文主要講解AngularJS 過(guò)濾器,這里整理了過(guò)濾器的相關(guān)資料并附示例代碼，幫助大家學(xué)習(xí)AngularJS的知識(shí)，有需要的小伙伴可以參考下
2016-08-08
在Angular中使用NgTemplateOutlet創(chuàng)建可重用組件的流程步驟
在 Angular 中,使用 NgTemplateOutlet 而不是創(chuàng)建特定組件,可以使組件在不修改組件本身的情況下輕松修改為各種用例,在本文中,您將接受一個(gè)現(xiàn)有組件并重寫(xiě)它以使用 NgTemplateOutlet,需要的朋友可以參考下
2024-03-03
詳解angularjs 學(xué)習(xí)之 scope作用域
本篇文章主要介紹了詳解angularjs 學(xué)習(xí)之 scope作用域，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
Angular應(yīng)用程序的Hydration基本概念詳解
這篇文章主要為大家介紹了Angular應(yīng)用程序的Hydration基本概念詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-09-09
詳解在Angular4中使用ng2-baidu-map的方法
這篇文章主要介紹了在Angular4中使用ng2-baidu-map的方法，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-06-06
AngularJS入門(mén)教程之表單校驗(yàn)用法示例
這篇文章主要介紹了AngularJS表單校驗(yàn)用法,結(jié)合實(shí)例形式分析了AngularJS各種常見(jiàn)的表單校驗(yàn)功能及使用技巧,需要的朋友可以參考下
2016-11-11
AngularJS實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)庫(kù)信息
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)庫(kù)信息效果的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-07-07
Angular.js實(shí)現(xiàn)注冊(cè)系統(tǒng)的實(shí)例詳解
Angular.js是Google開(kāi)發(fā)的前端技術(shù)框架，最近一直在學(xué)習(xí)Angular.js，通過(guò)對(duì)angular.js的簡(jiǎn)單理解后發(fā)現(xiàn)，angular.js通過(guò)一些簡(jiǎn)單的指令即可實(shí)現(xiàn)對(duì)DOM元素的操作，其特色為雙向數(shù)據(jù)綁定，下面這篇文章給大家詳細(xì)介紹Angular.js實(shí)現(xiàn)注冊(cè)系統(tǒng)的方法，一起來(lái)看看吧。
2016-12-12
在AngularJS框架中處理數(shù)據(jù)建模的方式解析
這篇文章主要介紹了在AngularJS框架中處理數(shù)據(jù)建模的方式,作者同時(shí)也對(duì)AngularJS使用過(guò)程中的一些"坑"作了介紹,需要的朋友可以參考下
2016-03-03