Question

似乎有很多关于ng-click无效的原因的问题

看起来很简单，但它不起作用：

<div class="span1 thumbCount" style="margin-top: 20px;">
  <div id="removeThumb" ng-click="delete()" style="margin-left: 30px;">
     <i class="icon-remove" style="color: #A2A251;"></i>
  </div>
</div>

在范围内，我有：

scope.delete= function(){alert ("clicked!")};

但是，永远不会调用delete()

Answer 1

只要您指定页面/视图使用定义了删除方法的角度控制器，此代码就可以正常工作

angular.module('app', [])

.controller('BeerCounter', function($scope, $locale) {

  $scope.delete=function(){alert ("clicked!")};  

});

HTML

<body ng-app="app" ng-controller="BeerCounter">
<div >
  <div id="removeThumb"  ng-click="delete()">
     <i>ssss</i>
  </div>
</div>
</body>

Working demo

检查浏览器中的控制台选项卡是否存在其他脚本错误。如果你的javascript的其他部分崩溃，那就是原因。

Answer 2

也许您的代码中存在一些拼写错误。这个工作正常。 HTML：

<div ng-app="myApp" ng-controller="myCtrl">
  <div class="span1 thumbCount" style="margin-top: 20px;">
    <div id="removeThumb" ng-click="delete()" style="margin-left: 30px;">
       <i class="icon-remove" style="color: #A2A251;"></i>
    </div>
  </div>
</div>

控制器：

angular.module("myApp", []).controller("myCtrl", ["$scope", function($scope){
  $scope.delete = function(){
    alert("clicked!");
  }
}]);

如何点击工作？

2 个答案: