在中,Angular的ng-click无法工作。
在中,Angular的ng-click无法工作。
我在这里卡了一段时间,我确定是某些相对愚蠢的东西。
为什么这里的 ng-click 没有触发?看起来这个问题经常被问到,但是没有一个答案似乎有帮助。看起来将 div 移出重复会使其工作,但我不确定为什么。
谢谢。
链接:http://plnkr.co/edit/YcBnbE5VCU5rizkDWreS?p=preview
代码:
function myCtrl($scope, $window) {
$scope.vm = {};
$scope.vm.Courses = [
{ Id: 1, Name: "Course 1"},
{ Id: 2, Name: "Course 2"}
];
$scope.OpenCourse = function(courseId) {
$window.alert("Called " + courseId);
}
}
我在这里卡了一段时间,我确定是某些相对愚蠢的东西。
为什么这里的 ng-click 没有触发?看起来这个问题经常被问到,但是没有一个答案似乎有帮助。看起来将 div 移出重复会使其工作,但我不确定为什么。
谢谢。
链接:http://plnkr.co/edit/YcBnbE5VCU5rizkDWreS?p=preview
代码:
function myCtrl($scope, $window) {
$scope.vm = {};
$scope.vm.Courses = [
{ Id: 1, Name: "Course 1"},
{ Id: 2, Name: "Course 2"}
];
$scope.OpenCourse = function(courseId) {
$window.alert("Called " + courseId);
}
}
Angular ng-click not working in div的问题出现的原因是在使用
解决方法如下:
1. 将
问题的原因:在创建plunker时,没有在OpenCourse(course.Id)前面加上"vm",这是一个拼写错误。另外,外部div上分配了一个改变z-index的类,将该div放在其他div的后面,导致点击事件无法传播。
解决方法:将按钮移出
以下是一些用户的回答和评论,他们在尝试解决相似问题时遇到了类似的情况:
- "我在创建plunker时也遇到了类似的问题,修改z-index后问题得到解决。谢谢!"
- "请取消选中其他答案,如果它实际上没有回答你的问题。"
- "这个答案确实回答了我的问题。问题在于我的问题没有正确表达我的问题。"
- "我遇到了类似的问题,将z-index改变后问题得到解决。谢谢!"
根据以上内容,我们可以得出结论:在Angular中,ng-click无法在div中正常工作的原因可能是拼写错误或者外部div的z-index导致点击事件无法传播。解决方法是修复拼写错误或者调整z-index的值。