禁用角度指令模板中的复选框

Question

我有如下所示的指令，它在表格的单元格中显示一个复选框：

app.directive('csSelect', function () {
    return {
        template: '<input ng-model="checked" ng-click="csFunc()" disabled="isDisabled" type="checkbox"/>',
        scope: {
            row: '=csSelect',
            csFunc: '&csFunc',
            isDisabled: '=csDisabled'
        },
        link: function (scope, element, attr, ctrl) {

            scope.$watch('checked', function (newValue, oldValue) {
                if (newValue === true) {
                    element.parent().addClass('st-selected');
                } else {
                    element.parent().removeClass('st-selected');
                }
            });
        }
    };
});

---

<td  cs-select="device" cs-func='selectRow(device.ItsRepairImeiListId)' cs-disabled="false" ></td>

---

问题是disabled 属性由于某种原因不起作用。无论我提供什么值，复选框始终处于禁用状态。我也尝试过使用@csDisabled，但没有成功。

关于我应该做什么来禁用复选框的任何想法？

Answer 1

当您尝试分配范围值 disabled 属性时，您需要使用 ng-disabled 指令而不是仅使用 disabled。

template: '<input ng-model="checked" ng-click="csFunc()" ng-disabled="isDisabled" type="checkbox"/>',