AngularJS基础 ng-dblclick 指令用法
AngularJSng-dblclick指令
AngularJS实例
在每次鼠标双击时,变量count加1:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<bodyng-app="">
<p>鼠标双击标题:</p>
<h1ng-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事件将都会执行。
语法
<elementng-dblclick="expression"></element>
所有HTML元素都支持该指令。
参数值
值
描述
expression
鼠标双击元素后执行的表达式。
以上就是对ng-dblclick指令的资料整理,后续继续整理相关资料,谢谢大家的支持!