Question

我正在使用angular2进行开发，并想知道angular2中是否有ng-disabled的替代方法。

对于前。下面的代码是angularJS：

<button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

只是想知道如何实现此功能？任何输入？

Answer 1

要将disabled属性设置为true或false，请使用

<button [disabled]="!nextLibAvailable" (click)="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib"> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

Answer 2

[attr.disabled]="valid == true ? true : null"

您必须使用null从html元素中删除attr。

Answer 3

对于有角度的 4 + 版本，您可以尝试

<input [readonly]="true" type="date" name="date" />

Answer 4

这是与anular 6一起使用的解决方案。

[readonly]="DateRelatedObject.bool_DatesEdit ? true : false"

加上给出的答案

[attr.disabled]="valid == true ? true : null"

对我不起作用，另外请注意使用null原因是因为期望布尔值。

Answer 5

是您可以设置[disabled] =“true”，或者如果是单选按钮或复选框，则只需使用禁用

对于单选按钮：

<md-radio-button disabled>Select color</md-radio-button>

下拉：

<ng-select (selected)="someFunction($event)" [disabled]="true"></ng-select>

在angular2中有没有替代ng-disabled？

5 个答案: