编程 Javascript

AngularJS基础 ng-dblclick 指令用法

Posted in Javascript onAugust 01, 2016

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 事件将都会执行。

语法

所有 HTML 元素都支持该指令。

参数值

值	描述
expression	鼠标双击元素后执行的表达式。

以上就是对 ng-dblclick 指令的资料整理，后续继续整理相关资料，谢谢大家的支持！

AngularJS基础 ng-dblclick 指令用法

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

Aug 22 Javascript

使用控制台破解百小度一个月只准改一次名字

Aug 13 Javascript

Angular中使用ui router实现系统权限控制及开发遇到问题

Sep 23 Javascript

javascript 判断是否是微信浏览器的方法

Oct 09 Javascript

微信小程序 swiper组件轮播图详解及实例

Nov 16 Javascript

javascript 封装Date日期类实例详解

May 28 Javascript

angular4 如何在全局设置路由跳转动画的方法

Aug 30 Javascript

浅谈Angular单元测试总结

Mar 22 Javascript

layui表格数据重载

Jul 27 Javascript

Echarts实现多条折线可拖拽效果

Dec 19 Javascript

JavaScript 严格模式(use strict)用法实例分析

Mar 04 Javascript

Javascript实现鼠标移入方向感知

Jun 24 Javascript

jQuery简单实现点击文本框复制内容到剪贴板上的方法

Aug 01 #Javascript

Three.js学习之几何形状

Aug 01 #Javascript

AngularJS基础 ng-cut 指令介绍及简单示例

Aug 01 #Javascript

JavaScript学习小结之被嫌弃的eval函数和with语句实例详解

Aug 01 #Javascript

jQuery简单设置文本框回车事件的方法

Aug 01 #Javascript

AngularJS基础 ng-csp 指令详解

Aug 01 #Javascript

AngularJs页面筛选标签小功能

Aug 01 #Javascript