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

<input ng-blur="count = count + 1" ng-init="count=0" />

{{count}}

<p>實(shí)例中 "count" 變量記錄了失去焦點(diǎn)的次數(shù)。</p>

</body>
</html>

運(yùn)行結(jié)果：

0

實(shí)例中 "count" 變量記錄了失去焦點(diǎn)的次數(shù)。

定義和用法

ng-blur 指令用于告訴 AngularJS HTML 元素在失去焦點(diǎn)時(shí)需要執(zhí)行的表達(dá)式。
AngularJS 中的 ng-blur 指令不會覆蓋原生的 onblur 事件，如果觸發(fā)該事件，ng-blur 表達(dá)式與原生的 onblur 事件都會執(zhí)行。

語法

<a>, <input>, <select>, <textarea>,窗口對象支持。

參數(shù)值

值	描述
expression	失去焦點(diǎn)時(shí)執(zhí)行的表達(dá)式。

以上就是對AngularJS ng-blur 指令知識的簡單講解，后續(xù)繼續(xù)補(bǔ)充，謝謝支持！

您可能感興趣的文章:

相關(guān)文章

AngularJS模仿Form表單提交的實(shí)現(xiàn)代碼
本文通過一段實(shí)例代碼給大家簡單介紹了angularjs模仿form表單提交的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-12-12
一篇文章快速了解Angular和Ionic生命周期和鉤子函數(shù)
Ionic以AngularJS和ApacheCordova為基礎(chǔ),使用Node.js進(jìn)行模塊管理，使用Html5、Css(SASS)和Javascript技術(shù)進(jìn)行APP開發(fā),這篇文章主要給大家介紹了如何通過一篇文章快速了解Angular和Ionic生命周期和鉤子函數(shù)的相關(guān)資料,需要的朋友可以參考下
2021-07-07
angular中不同的組件間傳值與通信的方法
本篇文章主要介紹了angular中不同的組件間傳值與通信的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
Angularjs處理頁面閃爍的解決方法
這篇文章主要介紹了Angularjs處理頁面閃爍的解決方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
Ionic+AngularJS實(shí)現(xiàn)登錄和注冊帶驗(yàn)證功能
這篇文章主要介紹了Ionic+AngularJS實(shí)現(xiàn)登錄和注冊帶驗(yàn)證功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
AngularJS實(shí)現(xiàn)controller控制器間共享數(shù)據(jù)的方法示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)controller控制器間共享數(shù)據(jù)的方法,結(jié)合簡單實(shí)例形式分析了AngularJS控制器數(shù)據(jù)共享的實(shí)現(xiàn)方法,需要的朋友可以參考下
2017-10-10
angular實(shí)現(xiàn)表單驗(yàn)證及提交功能
這篇文章主要為大家詳細(xì)介紹了angular實(shí)現(xiàn)表單驗(yàn)證及提交功能的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
Angular實(shí)現(xiàn)下載安裝包的功能代碼分享
本文通過實(shí)例代碼給大家介紹了angular實(shí)現(xiàn)下載安裝包的功能以及基于angularjs代碼實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)的功能，需要的朋友參考下吧
2017-09-09
AngularJS 多指令Scope問題的解決
本文介紹了AngularJS 多指令Scope問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-10-10
angular + express 實(shí)現(xiàn)websocket通信
最近需要實(shí)現(xiàn)一個(gè)功能,后端通過TCP協(xié)議連接雷達(dá)硬件的控制器,前端通過websocket連接后端,當(dāng)控制器觸發(fā)消息的時(shí)候,把信息通知給所以前端,本文給的大家講解angular + express 實(shí)現(xiàn)websocket通信的思路,感興趣的朋友一起看看吧
2023-09-09