anglejs – 角度点击不能在div中工作

好的,我被困在这里了一段时间,我相信这是一个比较愚蠢的事情

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>

为什么不在这里点击点击？似乎这个问题被问了很多,但是没有一个答案似乎有帮助.它也看起来像移动的重点使它的工作,但再次,我不知道为什么.

谢谢

解决方法

删除vm

结果：

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

为什么？因为您设置为$范围的所有内容都可以部分使用,那么您只需要调用它.

anglejs – 角度点击不能在div中工作

解决方法

相关文章