AngularJS基础 ng-focus 指令简单示例  更新时间:2016年08月01日 14:37:27   投稿:lqh   本文主要介绍AngularJS ng-focus 指令,这里整理了ng-focus的一些基础资料,并附一个实例代码,有需要的小伙伴参考下 AngularJS ng-focus 指令 AngularJS 实例 当输入框获取焦点时执行表达式: {{count}} 该实例在输入框每次获取焦点时,计算变量 “count” 会自动加 1。 该实例在输入框每次获取焦点时,计算变量 “count” 会自动加 1。 定义和用法 ng-focus 指令用于告诉 AngularJS 在 HTML 元素获取焦点时需要执行的操作。 ng-focus 指令不会覆盖元素的原始 onfocus 事件, 事件触发时,ng-focus 表达式与原始的 onfocus 事件将都会执行。 语法 , , , , 和 window 对象都支持该指令。 参数值 值 描述 expression 元素获取焦点时执行的表达式。 以上就是对Angular ng-focus 的基础资料整理,后续继续补充。 您可能感兴趣的文章: AngularJs自定义服务之实现签名和加密 AngularJS基础 ng-init 指令简单示例 AngularJS基础 ng-include 指令示例讲解 AngularJS基础 ng-include 指令简单示例 AngularJS基础 ng-if 指令用法 AngularJS控制器之间的数据共享及通信详解 AngularJS基础 ng-href 指令用法 AngularJS基础 ng-hide 指令用法及示例代码 AngularJS基础 ng-disabled 指令详解及简单示例 AngularJS基础 ng-keydown 指令简单示例 AngularJS ng-focus 指令 相关文章 angular.element方法汇总 本文主要给大家汇总了一下angular.element的方法,十分的详细,这里推荐给大家 参考下。 2015-01-01 详解Angular.js数据绑定时自动转义html标签及内容 本篇文章主要介绍了详解Angular.js数据绑定时自动转义html标签及内容 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。 2017-03-03 angular实现input输入监听的示例 今天小编就为大家分享一篇angular实现input输入监听的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-08-08 浅谈AngularJs指令之scope属性详解 下面小编就为大家带来一篇浅谈AngularJs指令之scope属性详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2016-10-10 Angular5给组件本身的标签添加样式class的方法 本篇文章主要介绍了Angular 5 给组件本身的标签添加样式class的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-04-04 AngularJS入门教程二:在路由中传递参数的方法分析 这篇文章主要介绍了AngularJS在路由中传递参数的方法,结合实例形式分析了AngularJS实现路由中传递参数的相关技巧,并总结了相关操作步骤与注意事项,需要的朋友可以参考下 2017-05-05 详解在Angularjs中ui-sref和$state.go如何传递参数 这篇文章主要介绍了详解在Angularjs中ui-sref和$state.go如何传递参数,详细的介绍了ui-sref和$state.go的区别和如何传参,有兴趣的可以了解下 2017-04-04 AngularJS ui-router (嵌套路由)实例 本篇文章主要介绍了AngularJS ui-router (嵌套路由)实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。 2017-03-03 angular ng-model 无法获取值的处理方法 今天小编就为大家分享一篇angular ng-model 无法获取值的处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-10-10 详解Angular路由之路由守卫 这篇文章主要介绍了详解Angular路由之路由守卫,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-05-05 最新评论

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基础 ng-init 指令简单示例
  • AngularJS基础 ng-include 指令示例讲解
  • AngularJS基础 ng-include 指令简单示例
  • AngularJS基础 ng-if 指令用法
  • AngularJS控制器之间的数据共享及通信详解
  • AngularJS基础 ng-href 指令用法
  • AngularJS基础 ng-hide 指令用法及示例代码
  • AngularJS基础 ng-disabled 指令详解及简单示例
  • AngularJS基础 ng-keydown 指令简单示例
张贴在3