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

前端之家收集整理的这篇文章主要介绍了anglejs – 角度点击不能在div中工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,我被困在这里了一段时间,我相信这是一个比较愚蠢的事情

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

  1. <head>
  2. <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
  3. <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
  4. <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.3/angular.min.js"></script>
  5.  
  6. <script >
  7. function myCtrl($scope,$window) {
  8. $scope.vm = {};
  9. $scope.vm.Courses = [
  10. { Id: 1,Name: "Course 1"},{ Id: 2,Name: "Course 2"}
  11. ];
  12. $scope.OpenCourse = function(courseId) {
  13. $window.alert("Called " + courseId);
  14. }
  15. }
  16. </script>
  17. </head>
  18. <body ng-controller="myCtrl">
  19. <div>
  20. <div ng-repeat="course in vm.Courses" ng-click="vm.OpenCourse(course.Id)">
  21. <div>
  22. <div>
  23. <label>{{course.Name}}</label>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. </body>

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

谢谢

解决方法

删除vm

结果:

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

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

猜你在找的CSS相关文章