AngularJS基礎(chǔ) ng-mouseleave 指令詳解

更新時(shí)間：2016年08月02日 10:59:00 投稿：lqh

本文主要介紹AngularJS ng-mouseleave 指令,這里幫大家整理了ng-mouseleave指令的詳細(xì)資料,并附有代碼示例,有需要的小伙伴可以參考下

AngularJS ng-mouseleave 指令

AngularJS 實(shí)例

在鼠標(biāo)指針離開元素時(shí)執(zhí)行表達(dá)式：

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

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

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

</body>
</html>

定義和用法

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

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

語法

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

參數(shù)值

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

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

您可能感興趣的文章:

相關(guān)文章

詳解AngularJs中$resource和restfu服務(wù)端數(shù)據(jù)交互
之前小編和大家分享過使用$http同服務(wù)器進(jìn)行通信，但是功能上比較簡單，angularjs還提供了另外一個(gè)可選的服務(wù)$resource,使用它可以非常方便的同支持restful的服務(wù)單進(jìn)行數(shù)據(jù)交互。下面來一起看看吧。
2016-09-09
Angular.js初始化之ng-app的自動(dòng)綁定與手動(dòng)綁定詳解
這篇文章主要給大家介紹了關(guān)于Angular.js初始化之ng-app的自動(dòng)綁定與手動(dòng)綁定的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-07-07
Angular 1.x個(gè)人使用的經(jīng)驗(yàn)小結(jié)
這篇文章主要給大家介紹了關(guān)于Angular 1.x個(gè)人使用的一些經(jīng)驗(yàn)，屬于一些基礎(chǔ)入門教程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-07-07
探討AngularJs中ui.route的簡單應(yīng)用
這篇文章主要介紹了AngularJs中ui.route的簡單應(yīng)用,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
詳解Angular路由之路由守衛(wèi)
這篇文章主要介紹了詳解Angular路由之路由守衛(wèi)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-05-05
AngularJS輔助庫browserTrigger用法示例
這篇文章主要介紹了AngularJS輔助庫browserTrigger用法,結(jié)合實(shí)例形式分析了輔助庫browserTrigger的功能及單元測試中的使用技巧,需要的朋友可以參考下
2016-11-11
Angular7中創(chuàng)建組件/自定義指令/管道的方法實(shí)例詳解
這篇文章主要介紹了在angular7中創(chuàng)建組件/自定義指令/管道的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-04-04
詳解Angular中$cacheFactory緩存的使用
這篇文章主要介紹了Angular中$cacheFactory緩存的使用,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
Angular 2 利用Router事件和Title實(shí)現(xiàn)動(dòng)態(tài)頁面標(biāo)題的方法
本篇文章主要介紹了Angular 2 利用Router事件和Title實(shí)現(xiàn)動(dòng)態(tài)頁面標(biāo)題的方法，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-08-08
angular6的table組件開發(fā)的實(shí)現(xiàn)示例
這篇文章主要介紹了angular6的table組件開發(fā)的實(shí)現(xiàn)示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12