为什么我不能将 ng-click 附加到我的元素？

Question

ng-click 事件未在我的元素上触发。我已经尝试过下面给出的内联控制器脚本。我无法发出警报。有没有我应该警惕的集成问题？这可能是什么问题？

 <a class="button black"><div class="light" ng-click="AddCrims()"></div>Add Crims</a>

---

myApp.controller('MyCtrl', ['$scope', '$http', function ($scope, $http) {
    $scope.AddCrims = function () {
        alert('hi');
     }
});

如果有人帮助我，我将不胜感激。谢谢。

Answer 1

假设所有要点都是正确的，例如ng-app="myApp" 并且以某种方式您的控制器已正确注册，例如ng-controller="MyCtrl"，您需要在 <a> 上添加 ng-click - 而不是 <div>（显示为空）。请注意以下...

<a class="button black" ng-click="AddCrims()"><div class="light"></div>Add Crims</a>

JSFiddle Link - 工作演示

---

• 注意：如果您打算将事件附加到 <div> - 您需要以某种方式确保它不是空元素，例如定义静态高度/宽度。作为进一步的观察，值得注意的是，锚标签应该有一个 href="" 属性，即使是空的，为了可访问性目的。

JSFiddle Link - 例如<div ng-click="AddCrims()"></div>