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指令的资料整理,后续继续整理相关资料,谢谢大家的支持!