Angular ng-click 不触发答案

【问题标题】：Angular ng-click not firingAngular ng-click 不触发
【发布时间】：2017-06-21 18:46:19
【问题描述】：

我尝试了许多不同的方法来尝试让它发挥作用。我已阅读：

ng-click not firing in AngularJS while onclick does

还有更多

HTML：

<div ng-controller="testApp">
  <div id="bla">
    <button ng-click="obey('bla')">Close</button>
    <h4>Bla bla bla</h4>
  </div>
</div>

JS：

var testApp = angular.module('testApp', []);
testApp.controller('testController', function($scope) {
  $scope.obey = function test(id) {
    $("#" + id).fadeOut("slow", function() {
      this.remove()
    });
  };
});

由于某种原因，div 根本没有淡出。

【问题讨论】：

只是一个提示，在使用 AngularJS 时应该避免 DOM 操作，请参考：stackoverflow.com/questions/14994391/…。使用 AngularJS 时不需要/推荐使用 jQuery。

标签： javascript jquery html angularjs

【解决方案1】：

您在controller 中指定了您的应用名称。检查一下。

var testApp = angular.module('testApp', []);
testApp.controller('testController', function($scope) {
  $scope.obey = function test(id) {
    $scope.hide= !$scope.hide;
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="testApp" ng-controller="testController">
  <div id="bla">
    <button ng-click="obey('bla')">Close</button>
    <h4 ng-hide="hide">Bla bla bla</h4>
  </div>
</div>

【讨论】：

如果我在 jsfiddle 上这样做，它不想工作，尽管它在这个页面上工作。 jsfiddle.net/DrevanTonder/sguy6agL

【解决方案2】：

在我看来，您的控制器名称有问题。试试这个：

<div ng-app="testApp" ng-controller="testController">
  <div id="bla">
    <button ng-click="obey('bla')">Close</button>
    <h4>Bla bla bla</h4>
  </div>

【讨论】：

【解决方案3】：

在这种情况下，您可以使用ng-show 或ng-hide

<div ng-controller="testApp">
  <div id="bla">
    <button ng-click="obey()">Close</button>
    <h4  ng-show="viewDiv">Bla bla bla</h4>
  </div>
</div>

var testApp = angular.module('testApp', []);
testApp.controller('testController', function($scope) {
 $scope.viewDiv = true;
  $scope.obey = function test(id) {
   $scope.viewDiv = !$scope.viewDiv;
  };
});

角度动画 - 参考LINK

【讨论】：

【解决方案4】：

指定正确的“ng-app”和“ng-controller”名称

HTML 即。

<body ng-app="testApp">
    <div ng-controller="testController">
      <div id="bla">
        <button ng-click="obey('bla')">Close</button>
        <h4>Bla bla bla</h4>
      </div>
    </div>
<body>

【讨论】：