AngularJS基础 ng-focus 指令简单示例
更新时间：2016年08月01日 14:37:27 投稿：lqh
本文主要介绍AngularJS ng-focus 指令,这里整理了ng-focus的一些基础资料,并附一个实例代码,有需要的小伙伴参考下
AngularJS ng-focus 指令
AngularJS 实例
当输入框获取焦点时执行表达式:
<!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 元素获取焦点时需要执行的操作。
ng-focus 指令不会覆盖元素的原始 onfocus 事件, 事件触发时，ng-focus 表达式与原始的 onfocus 事件将都会执行。
语法
<element ng-focus="expression"></element>
<a>, <input>, <select>, <textarea>, 和 window 对象都支持该指令。
参数值
| 值 | 描述 |
|---|---|
| expression | 元素获取焦点时执行的表达式。 |
以上就是对Angular ng-focus 的基础资料整理，后续继续补充。
相关文章
AngularJS是一个强大的前端框架,其模块化架构提供了高度的灵活性和可维护性,本文探讨了AngularJS中模块的概念,包括定义、用途及创建和配置方法,感兴趣的朋友跟随小编一起看看吧2024-09-09
这篇文章主要给大家介绍了如何用Angularjs中的模板ui-route来管理状态的方法,文中通过示例代码介绍的很详细，相信对大家的理解和学习具有一定的参考借鉴价值，有需要的朋友可以一起来学习学习。2016-12-12
这篇文章主要介绍了详解angular脏检查原理及伪代码实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
本篇文章主要介绍了ionic本地相册、拍照、裁剪、上传（单图完全版），非常具有实用价值，需要的朋友可以参考下2017-10-10
本文主要介绍AngularJS 视图，这里整理了相关知识，并附代码示例和实现效果图，有兴趣的小伙伴可以参考下2016-08-08
本文主要讲解 AngularJS REST和定制服务的知识，这里帮大家整理了相关知识，并附示例代码，详细讲解了RES和定制服务的知识，有兴趣的小伙伴可以参考下2016-08-08
几乎每个web应用都会用到表单，那么验证器就是必不可少的东西，这篇文章主要介绍了angular 实现同步验证器跨字段验证的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
这篇文章主要介绍了AngularJS表单提交的方法,结合完整实例形式分析了AngularJS表单提交过程中的数据绑定、模块、控制器等相关操作技巧,需要的朋友可以参考下2017-02-02
AngularJS中如何使用$http对MongoLab数据表进行增删改查
这篇文章主要介绍了AngularJS中如何使用$http对MongoLab数据表进行增删改查的相关资料,需要的朋友可以参考下2016-01-01
Promise是一个构造函数，自己身上有all、reject、resolve这几个异步方式处理值的方法，原型上有then、catch等同样很眼熟的方法，下面通过实例代码给大家讲解angularjs promise 的相关知识，感兴趣的朋友一起看看吧2018-03-03
最新评论