使用ng-click属性禁用AngularJS中的div？

Question

我需要根据条件禁用AngularJS中的div.是的我可以通过在外观中使用css更改(提供低对比度和较少颜色外观)来实现它,但我有ng-click属性.所以我也需要阻止那个召唤.我该怎么做？

这是我的代码:

<div ng-repeat="item in list.items" ng-click="goToFunction()" ng-disabled="true">

Answer 1

是的，ng-disabled 不适用于 div。它将针对每个支持禁用属性的 html 元素（例如：输入）。 https://docs.angularjs.org/api/ng/directive/ngDisabled

我创建了一个简单的小提琴来演示如何使用简单的 div http://jsfiddle.net/5Qc5k/1/来实现它

function MyCtrl($scope, $templateCache) {
    $scope.isDisabled = false;
    $scope.alertMe = function(){
        if($scope.isDisabled === true){
            return;
        }
        // disable the function
        $scope.isDisabled = true;


        alert("foo");
    }
}