AngularJS基礎(chǔ) ng-focus 指令簡單示例
更新時間：2016年08月01日 14:37:27 投稿：lqh
本文主要介紹AngularJS ng-focus 指令,這里整理了ng-focus的一些基礎(chǔ)資料,并附一個實例代碼,有需要的小伙伴參考下
AngularJS ng-focus 指令
AngularJS 實例
當(dāng)輸入框獲取焦點時執(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="">
<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 表達(dá)式與原始的 onfocus 事件將都會執(zhí)行。
語法
<element ng-focus="expression"></element>
<a>, <input>, <select>, <textarea>, 和 window 對象都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 元素獲取焦點時執(zhí)行的表達(dá)式。 |
以上就是對Angular ng-focus 的基礎(chǔ)資料整理，后續(xù)繼續(xù)補(bǔ)充。
您可能感興趣的文章:
- 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是一個強(qiáng)大的前端框架,其模塊化架構(gòu)提供了高度的靈活性和可維護(hù)性,本文探討了AngularJS中模塊的概念,包括定義、用途及創(chuàng)建和配置方法,感興趣的朋友跟隨小編一起看看吧2024-09-09
利用Angularjs中模塊ui-route管理狀態(tài)的方法
這篇文章主要給大家介紹了如何用Angularjs中的模板ui-route來管理狀態(tài)的方法,文中通過示例代碼介紹的很詳細(xì)，相信對大家的理解和學(xué)習(xí)具有一定的參考借鑒價值，有需要的朋友可以一起來學(xué)習(xí)學(xué)習(xí)。2016-12-12
這篇文章主要介紹了詳解angular臟檢查原理及偽代碼實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
本篇文章主要介紹了ionic本地相冊、拍照、裁剪、上傳（單圖完全版），非常具有實用價值，需要的朋友可以參考下2017-10-10
本文主要介紹AngularJS 視圖，這里整理了相關(guān)知識，并附代碼示例和實現(xiàn)效果圖，有興趣的小伙伴可以參考下2016-08-08
本文主要講解 AngularJS REST和定制服務(wù)的知識，這里幫大家整理了相關(guān)知識，并附示例代碼，詳細(xì)講解了RES和定制服務(wù)的知識，有興趣的小伙伴可以參考下2016-08-08
幾乎每個web應(yīng)用都會用到表單，那么驗證器就是必不可少的東西，這篇文章主要介紹了angular 實現(xiàn)同步驗證器跨字段驗證的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了AngularJS表單提交的方法,結(jié)合完整實例形式分析了AngularJS表單提交過程中的數(shù)據(jù)綁定、模塊、控制器等相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進(jìn)行增刪改查
這篇文章主要介紹了AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進(jìn)行增刪改查的相關(guān)資料,需要的朋友可以參考下2016-01-01
Promise是一個構(gòu)造函數(shù)，自己身上有all、reject、resolve這幾個異步方式處理值的方法，原型上有then、catch等同樣很眼熟的方法，下面通過實例代碼給大家講解angularjs promise 的相關(guān)知識，感興趣的朋友一起看看吧2018-03-03