AngularJS基础 ng-mouseover 指令简单示例
更新时间：2016年08月02日 14:57:47 投稿：lqh
本文主要介绍AngularJS ng-mouseover 指令,这里帮大家整理了AngularJS 指令的基础知识,并附代码示例,有兴趣的小伙伴可以参考下
AngularJS ng-mouseover 指令
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="">
<div ng-mouseover="count = count + 1" ng-init="count=0">鼠标移动到我这!</div>
<h1>{{count}}</h1>
<p>该实例在鼠标移动到 DIV 元素时，计算变量 "count" 会自动加 1。</p>
</body>
</html>
定义和用法
ng-mouseover 指令用于告诉 AngularJS 鼠标移动到指定的 HTML 元素上时要执行的操作。
ng-mouseover 指令不会覆盖元素的原生 onmouseover 事件, 事件触发时，ng-mouseover 表达式与原生的 onmouseover 事件将都会执行。
语法
<element ng-mouseover="expression"></element>
所有的 HTML 元素支持该指令。
参数值
| 值 | 描述 |
|---|---|
| expression | 鼠标移动到元素上时执行的表达式。 |
以上就是对AngularJS ng-mouseover 指令的资料整理，后续继续补充，谢谢大家支持！
相关文章
这篇文章主要介绍了AngularJS中scope的绑定策略,结合实例形式简单分析了AngularJS scope的三种绑定模式的使用方法与相关注意事项,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了AngularJS 单元测试（一）详解的相关资料,需要的朋友可以参考下2016-09-09
今天小编就为大家分享一篇angularJS实现不同视图同步刷新详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
本篇文章主要介绍了浅析Angular2子模块以及异步加载，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
本文主要讲解AngularJs bootstrap，这里整理了详细的资料及简单示例代码帮助大家学习或者参考，有需要的小伙伴看下2016-09-09
本篇文章主要介绍了Angular2学习笔记之数据绑定的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01![Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法](//img.jbzj.com/images/xgimg/bcimg6.png)
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
本篇文章主要介绍了Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的区别，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
今天小编就为大家分享一篇关于Angular6新特性之Angular Material，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2018-12-12
在 Angular2 中实现自定义校验指令（确认密码）的方法
这篇文章给大家探索 Angular 2 内建的自定义验证，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
下面小编就为大家分享一篇AngularJS中重新加载当前路由页面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
![Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论