AngularJS基礎(chǔ) ng-focus 指令簡單示例

更新時間：2016年08月01日 14:37:27 投稿：lqh

本文主要介紹AngularJS ng-focus 指令,這里整理了ng-focus的一些基礎(chǔ)資料,并附一個實例代碼,有需要的小伙伴參考下

AngularJS ng-focus 指令

AngularJS 實例

當輸入框獲取焦點時執(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í)行。

語法

<a>, <input>, <select>, <textarea>, 和 window 對象都支持該指令。

參數(shù)值

值	描述
expression	元素獲取焦點時執(zhí)行的表達式。

以上就是對Angular ng-focus 的基礎(chǔ)資料整理，后續(xù)繼續(xù)補充。

您可能感興趣的文章:

相關(guān)文章

如何創(chuàng)建AngularJS?模塊
AngularJS是一個強大的前端框架,其模塊化架構(gòu)提供了高度的靈活性和可維護性,本文探討了AngularJS中模塊的概念,包括定義、用途及創(chuàng)建和配置方法,感興趣的朋友跟隨小編一起看看吧
2024-09-09
利用Angularjs中模塊ui-route管理狀態(tài)的方法
這篇文章主要給大家介紹了如何用Angularjs中的模板ui-route來管理狀態(tài)的方法,文中通過示例代碼介紹的很詳細，相信對大家的理解和學習具有一定的參考借鑒價值，有需要的朋友可以一起來學習學習。
2016-12-12
詳解angular臟檢查原理及偽代碼實現(xiàn)
這篇文章主要介紹了詳解angular臟檢查原理及偽代碼實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
詳解ionic本地相冊、拍照、裁剪、上傳（單圖完全版）
本篇文章主要介紹了ionic本地相冊、拍照、裁剪、上傳（單圖完全版），非常具有實用價值，需要的朋友可以參考下
2017-10-10
AngularJS 視圖詳解及示例代碼
本文主要介紹AngularJS 視圖，這里整理了相關(guān)知識，并附代碼示例和實現(xiàn)效果圖，有興趣的小伙伴可以參考下
2016-08-08
AngularJS入門教程之REST和定制服務詳解
本文主要講解 AngularJS REST和定制服務的知識，這里幫大家整理了相關(guān)知識，并附示例代碼，詳細講解了RES和定制服務的知識，有興趣的小伙伴可以參考下
2016-08-08
angular 實現(xiàn)同步驗證器跨字段驗證的方法
幾乎每個web應用都會用到表單，那么驗證器就是必不可少的東西，這篇文章主要介紹了angular 實現(xiàn)同步驗證器跨字段驗證的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-04-04
AngularJS表單提交實例詳解
這篇文章主要介紹了AngularJS表單提交的方法,結(jié)合完整實例形式分析了AngularJS表單提交過程中的數(shù)據(jù)綁定、模塊、控制器等相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02
AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進行增刪改查
這篇文章主要介紹了AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進行增刪改查的相關(guān)資料,需要的朋友可以參考下
2016-01-01
Angularjs Promise實例詳解
Promise是一個構(gòu)造函數(shù)，自己身上有all、reject、resolve這幾個異步方式處理值的方法，原型上有then、catch等同樣很眼熟的方法，下面通過實例代碼給大家講解angularjs promise 的相關(guān)知識，感興趣的朋友一起看看吧
2018-03-03