AngularJS基礎(chǔ) ng-focus 指令簡單示例
AngularJS ng-focus 指令
AngularJS 實例
當(dāng)輸入框獲取焦點時執(zhí)行表達式:
<!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-focus="count = count + 1" ng-init="count=0" /> <h1>{{count}}</h1> <p>該實例在輸入框每次獲取焦點時,計算變量 "count" 會自動加 1。</p> </body> </html>
該實例在輸入框每次獲取焦點時,計算變量 "count" 會自動加 1。
定義和用法
ng-focus 指令用于告訴 AngularJS 在 HTML 元素獲取焦點時需要執(zhí)行的操作。
ng-focus 指令不會覆蓋元素的原始 onfocus 事件, 事件觸發(fā)時,ng-focus 表達式與原始的 onfocus 事件將都會執(zhí)行。
語法
<element ng-focus="expression"></element>
<a>, <input>, <select>, <textarea>, 和 window 對象都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 元素獲取焦點時執(zhí)行的表達式。 |
以上就是對Angular ng-focus 的基礎(chǔ)資料整理,后續(xù)繼續(xù)補充。
- AngularJs自定義服務(wù)之實現(xiàn)簽名和加密
- AngularJS基礎(chǔ) ng-init 指令簡單示例
- AngularJS基礎(chǔ) ng-include 指令示例講解
- AngularJS基礎(chǔ) ng-include 指令簡單示例
- AngularJS基礎(chǔ) ng-if 指令用法
- AngularJS控制器之間的數(shù)據(jù)共享及通信詳解
- AngularJS基礎(chǔ) ng-href 指令用法
- AngularJS基礎(chǔ) ng-hide 指令用法及示例代碼
- AngularJS基礎(chǔ) ng-disabled 指令詳解及簡單示例
- AngularJS基礎(chǔ) ng-keydown 指令簡單示例
相關(guān)文章
Angularjs自定義指令實現(xiàn)分頁插件(DEMO)
由于最近的一個項目使用的是angularjs1.0的版本,涉及到分頁查詢數(shù)據(jù)的功能,后來自己就用自定義指令實現(xiàn)了該功能,下面小編把實例demo分享到腳本之家平臺,需要的朋友參考下2017-09-09Angular實現(xiàn)可刪除并計算總金額的購物車功能示例
這篇文章主要介紹了Angular實現(xiàn)可刪除并計算總金額的購物車功能,涉及AngularJS事件響應(yīng)、元素遍歷與數(shù)值運算等相關(guān)操作技巧,需要的朋友可以參考下2017-12-12Angular利用內(nèi)容投射向組件輸入ngForOf模板的方法
本篇文章主要介紹了Angular利用內(nèi)容投射向組件輸入ngForOf模板的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03