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

Question

我正在使用angular2进行开发,并想知道ng-disabled在angular2中是否有任何替代方案.

对于前者 下面的代码是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

对于 Angular 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原因，因为它期望布尔值。