<!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">鼠標從我這移開!</div>

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

<p>
該實例在鼠標從 DIV 元素移開時，計算變量 "count" 會自動加 1。</p>

</body>
</html>

定義和用法

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

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

語法

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

參數(shù)值

值	描述
expression	鼠標在元素上移開時執(zhí)行的表達式。

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

您可能感興趣的文章:

相關(guān)文章

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