gpt4 book ai didi

angularjs - Angular ng-click 在 div 中不起作用

转载 作者:行者123 更新时间:2023-12-02 19:17:35 24 4
gpt4 key购买 nike

好吧,我已经被困在这里有一段时间了,我确信这是相对愚蠢的事情

http://plnkr.co/edit/YcBnbE5VCU5rizkDWreS?p=preview

<head>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.3/angular.min.js"></script>

<script >
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);
}
}
</script>
</head>
<body ng-controller="myCtrl">
<div>
<div ng-repeat="course in vm.Courses" ng-click="vm.OpenCourse(course.Id)">
<div>
<div>
<label>{{course.Name}}</label>
</div>
</div>
</div>
</div>
</body>

为什么 ng-click 没有在这里触发?似乎这个问题被问了很多,但似乎没有一个答案有帮助。看起来将 div 移出重复使其可以工作,但同样,我不确定为什么。

谢谢

最佳答案

删除虚拟机。

结果:

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

为什么?因为您设置到 $scope 的所有内容都可以在部分上使用,那么您只需调用它即可。

关于angularjs - Angular ng-click 在 div 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27512016/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com