angularjs怎么给div添加点击事件_IT百科

具体回答就是在div上写ng-click="cbClick()"这样的方式来实现.angular框架推崇的是声明式ui,所以基本上回调事件写在html元素上比较符合约定,或者你也可以把事件封装到指令中. 用angular的话,最好不要考虑jquery的思路来做程序,最好的方式就是考虑下angular特有的方式,比如双向数据绑定,控制器,指令来完成这类型的功能,不要去考虑细节怎么实现的,要从抽象的层面去实现,不然angular能做的,jquery也能做,不要把一个angular程序写出jquery

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

写法：<div ng-repeat="course in vm.Courses" ng-click="OpenCourse(course.Id)">

在$scope范围内定义的函数可以直接引用。

1、完整的html代码：

<div>

<div>

<label>{{course.Name}}</label>

</div>

</body>

2、增加事件的OpenCourse方法：

$scope.OpenCourse = function(courseId) {$window.alert("Called " + courseId)}

如图，比方说我有一个函数，而我们需要点击按钮触发指定的函数，这就用到了绑定事件的方法。

如图，假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有很多其他的事件。

如图，绑定事件之后，当我们点击按钮即可触发绑定的函数，非常神奇哦。

当然，也可以给按钮设定一个ID，然后我们获取到带有ID的按钮。

然后在JavaScript中绑定事件也是可以的，这种方法代码比较多，想用哪种看你自己哦。

需要特别注意一点的是，如果用了第二种方法，当要获取id时，如果script脚本写在head里面，则要加上window.onload哦。如果是写在body后面，则不需要写window.onload。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/bake/7905790.html

angularjs怎么给div添加点击事件

发表评论

评论列表（0条）