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 的基础资料整理，后续继续补充。
相关文章
这篇文章主要介绍了使用ng-packagr打包Angular的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了angular 内存溢出的问题解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
详解angular中通过$location获取路径(参数)的写法
本篇文章主要介绍了详解angular中通过$location获取路径(参数)的写法 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
这篇文章主要介绍了Angular value与ngValue区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
不久前WebStorm的频繁卡死终于让我受不鸟了,我决定换个轻量级的编辑器，尝试了Emacs、Sublime text,最后选择了vscode。下面这篇文章主要给大家介绍了关于Angular2开发环境搭建教程之VS Code的相关资料，需要的朋友可以参考下。2017-12-12
这篇文章主要介绍了AngularJS 实现购物车全选反选功能,需要的朋友可以参考下2017-10-10
这篇文章主要为大家介绍了Angular 与 Component store实践示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了AngularJS使用ng-repeat指令实现下拉框的相关资料,非常不错，感兴趣的朋友一起看下吧，需要的朋友可以参考下2016-08-08
下面小编就为大家带来一篇angularJs关于指令的一些冷门属性详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要为大家介绍了Angular应用懒加载模块配置管理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
最新评论