当前位置:首页>开发>正文

怎样用angular写事件委托 angularjs怎么做点击事件

2023-06-29 01:01:43 互联网 未知 开发

 怎样用angular写事件委托 angularjs怎么做点击事件

怎样用angular写事件委托

在angular中,默认不支持事件代理,但是在处理大量数据的时候,尤其是一些列表的时候,事件代理是必须的,那应该怎么样实现这个代理呢,并且用起来很方便呢,此处实现一个,有参考nishp1的angular-delegate-event实现;增加了对象式代理,详见使用方法
使用方法:

item.name

item.name
item.name
内置的一些事件:click, dblclick, mousedown, mouseup, mouseover, mouseout, mousemove, mouseenter, mouseleave
controller写法
// 依赖DelegateEvents
var app = angular.module(app, [DelegateEvents])

app.controller(listCtl, function($scope) {

$scope.itemClick = function(e, item) {
// do something...

// 注:
// e 原始的event对象,但是增加了delegationTarget => 代理target元素
//
// 对于selector这块,如果引用了jQuery的话,则支持的是jquery的选择器
// 对于支持matchesSelector的浏览器来说,支持的就是标准的选择器;
// 否则的话只能支持tagName...
}
// itemDblClick 同理。。
})

angularjs怎么做点击事件

angularjs给div添加点击事件是通过ng-click来实现的。
写法:


在$scope范围内定义的函数可以直接引用。
1、完整的html代码:

AngularJS中文社区angularjs 事件click怎么触发

angularjs 事件click触发方法:
AngularJS的onclick等事件只会触发controller方法闭包外的changeMoney才可以触发。
angular.module().controller("", function(){
    $scope.changeMoney = function(){
    alert("此方法不会被调用")
    }
})

var changeMoney = function(){
    alert("此方法会被调用")
}

angularjs 初始化事件叫什么

div ng-app="myApp" ng-controller="personCtrl">




名:

姓名:



Full Name: {{firstName " " lastName}}






var app = angular.module(myApp, [])
app.controller(personCtrl, function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
$scope.myVar = false
$scope.toggle = function() {
$scope.myVar = !$scope.myVar
}
})

如何为angularjs遍历出的值添加点击事件

先用 console.log(this)查看下当前被点击元素的 this 属性,然后可以看见里面有个$index属性,该属性指向的就是DOM元素列表中当前被点击的那个DOM的下标,只需要使用this.$index即可对当前元素设置特有属性和方法。

最新文章

随便看看