微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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)">

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

原文地址:https://www.jb51.cc/css/217188.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。