angularjs-directive - 为什么在 ng-disabled 设置为 true 的情况下未禁用自定义角度指令

Question

我一直在使用给出的示例在 AngularJS 中使用 ngAria 和 ngDisabled here .我修改了示例中的 custom-checkbox 指令以在 Controller 中设置 ng-disabled= true ，进一步设置 aria-disabled=true 如 plunker 中所示输出在这里。

<some-checkbox role="checkbox" ng-model="checked" ng-class="{active: checked}" ng-disabled="isDisabled" ng-click="toggleCheckbox()" aria-label="Custom Checkbox" show-attrs>
    var app = angular.module('ngAria_ngModelExample', ['ngAria'])     
   .controller('formsController', function($scope){
    $scope.checked = false;
    $scope.isDisabled=true;
    $scope.toggleCheckbox = function(){
    $scope.checked = !$scope.checked;
    }
  })...

但是使用 ng-disabled=true 和 aria-disabled=true 这不会禁用 plunker 输出中看到的“自定义复选框”。
根据文档 here和 stackoverflow 上的几个示例，“禁用”属性仅适用于按钮、输入和文本区域。对于自定义指令(如上面的指令)， ngDisabled 是要走的路。但它似乎不适用于上面的例子。任何帮助在这里表示赞赏。

Answer 1

The disabled attribute is only valid for certain elements such as button, input and textarea

ngDisabled为您的元素添加或删除 disabled 属性。我建议您查看自定义指令中的 disabled 表达式，并添加/删除一个类以禁用您的组件。