ng-disabled 在输入复选框上不起作用答案

【问题标题】：ng-disabled is not working on an input checkboxng-disabled 在输入复选框上不起作用
【发布时间】：2020-06-13 09:19:48
【问题描述】：

我有一个非常简单的html，只包含

<input type="checkbox" value="{{ member.firstName }}" (click)="tick($event)" ng-disabled="true" />

但ng-disabled 不起作用，即复选框仍处于启用状态。

如果我将其更改为：

<input type="checkbox" value="{{ member.firstName }}" (click)="tick($event)" disabled />

它有效，即复选框被禁用。

第一行有什么问题？

【问题讨论】：

这能回答你的问题吗？ Disable Angular 5 Input fields correct way

标签： javascript angular

【解决方案1】：

如果它是有角度的，它应该是 [disabled]

<input type="checkbox" value="{{ member.firstName }}" (click)="tick($event)" [disabled]="true" />

【讨论】：

这行得通，但我的目标是拥有类似[disabled]="enableCheckboxes" 的东西，其中enableCheckboxes 是一个设置为true 或false 的类变量，现在它不起作用了。
@Obay 您的代码没有问题，请检查 enableCheckboxes 的值是 true、false 还是 undefined。

【解决方案2】：

您使用的是什么代码编辑器？我使用了https://www.plnkr.co，效果很好。正如hardik 上面所说，您使用的是脚本标签吗？ <input type="checkbox" value="{{ member.firstName }}" (click)="tick($event)" ng-disabled="true" />

【讨论】：

【解决方案3】：

您是否在 index.html 中包含如下脚本

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

如果您不包含此脚本，ng-disabled 将无法工作，因为 ng-disabled 是 angular-js 指令。

【讨论】：