angular2でng-disabledに代わるものはありますか？

私は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>

どうすればこの機能を実現できますか？入力はありますか？

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>

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

を使用nullして、html要素からattrを削除する必要があります。

これがanular 6で使用するソリューションです。

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

プラス上記の答え

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

私にとってはうまくいきませんでしたし、nullを使用していることに注意してください。

角度4+バージョンの場合、試すことができます

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

はい[disabled] = "true"に設定するか、ラジオボタンまたはチェックボックスの場合は、単にdisableを使用できます。

ラジオボタンの場合：

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

ドロップダウンの場合：

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