使用方法为:ng-事件名称 = “事件响应方法名称(参数)”
## 参数可以自己制定,也可以传入事件对象$event
## 使用 $scope来去实现事件定义的方法
$scope.事件名称 = function(参数){
}
<body ng-app="app" ng-controller="xmgController">
//单击事件 :ng-click = “click($event.'p')”
<p ng-click="click($event,'p')">请点击我</p>
// 双击事件 : ng-dblClick = “dblClick('dbl')”
<p ng-dblClick = "dblClick(dbl)">双击</p>
// 鼠标移入移出事件
<li ng-mouseenter = 'mouserEnter()'>移入移入移入</li>
var app = angular.module('app',[]);
app.controller('xmlgController',['$scope',function($scope){
$scope.name = 'xiaohu';
// 定义事件方法实现 - 1
$scope.click = function(e,arg){
alert($scope.name);
// 下面的this就是$scope
alert(this.name);
};
// 定义事件方法实现 - 2
$scope.dblClick = function(){
alert('dbl');
};
// 定义事件方法实现 - 3
$scope.mouserEnter = function(){
console.log('mouserEnter');
};
}]);
</body>
网友评论