angularjs怎么给div添加点击事件?

angularjs怎么给div添加点击事件?,第1张

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

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

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

1、完整的html代码:

<body ng-controller="myCtrl">

<div>

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

<div>

<div>

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

</div>

</div>

</div>

</div>

</body>

2、增加事件的OpenCourse方法:

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11549343.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存