AngularJS基础 ng-dblclick 指令用法
更新时间：2016年08月01日 11:28:51 投稿：lqh
本文主要介绍AngularJS ng-dblclick 指令,这里对ng-dblclick基础资料整理并详细介绍,简单的代码实例和实现效果,希望能帮助学习AngularJS的朋友
AngularJS ng-dblclick 指令
AngularJS 实例
在每次鼠标双击时，变量 count 加 1:
<!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="">
<p>鼠标双击标题:</p>
<h1 ng-dblclick="count = count + 1" ng-init="count=0">Welcome</h1>
<p>双击了 {{count}} 次。</p>
<p>计数变量 "count" 在每次鼠标双击标题后加 1。</p>
</body>
</html>
注意：计数变量 "count" 在每次鼠标双击标题后加 1。
定义和用法
ng-dblclick 指令用于告诉 AngularJS 在鼠标鼠标 HTML 元素时需要执行的操作。
ng-dblclick 指令不会覆盖元素的原始 ondblclick 事件, 鼠标双击时，ng-dblclick 表达式与原始的 ondblclick 事件将都会执行。
语法
<element ng-dblclick="expression"></element>
所有 HTML 元素都支持该指令。
参数值
| 值 | 描述 |
|---|---|
| expression | 鼠标双击元素后执行的表达式。 |
以上就是对 ng-dblclick 指令的资料整理，后续继续整理相关资料，谢谢大家的支持！
相关文章
这篇文章主要介绍了Angularjs 制作购物车功能实例代码的相关资料,并附示例代码，需要的朋友可以参考下2016-09-09
本篇文章主要介绍了angular2路由切换改变页面title的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了AngularJS入门教程之路由机制ngRoute,结合实例形式分析了AngularJS路由机制的原理、ngRoute的组成、配置、参数与相关使用技巧,需要的朋友可以参考下2016-12-12
本文主要介绍AngularJS环境设置,学习AngularJS的朋友肯定要设置开发软件的环境,这里详细介绍安装设置流程，有需要的朋友可以参考下2016-08-08
这篇文章主要给大家介绍了关于如何使用RxJS更优雅地进行定时请求的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用RxJS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
作为一种大受欢迎的Web应用程序框架,Angular终于迎来了版本4.0，下面这篇文章主要给大家介绍了关于Angular 4.0学习教程之架构的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
单页应用中，组件时构建应用的基础元素，页面展示什么内容均是靠页面有什么组件决定的，而展示什么组件又是由一组路由（带有Url元素的特定集合，可用于导航视图）决定的，希望本文可以帮助读者了解路由的基础概念和基础使用、写法。2021-05-05
这篇文章主要介绍了Angular性能优化之第三方组件和懒加载技术，对性能优化感兴趣的同学，可以参考下2021-05-05
本文主要介绍AngularJS 路由与多视图详解，这里整理了相关资料及示例代码，详细说明了在开发过程中如何应用，有兴趣的朋友可以看下2016-08-08
这篇文章主要介绍了Angular通过指令动态添加组件问题,文中通过写一个小组件来简单总结下，需要的朋友可以参考下2018-07-07
最新评论