为什么我不能将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"，您需要在ng-click上添加<a> - 而不是<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>