มีทางเลือกอื่นสำหรับ ng-disabled ใน angular2 หรือไม่?

ฉันใช้ angular2 เพื่อการพัฒนาและสงสัยว่ามีทางเลือกอื่นสำหรับng-disabledangular2 หรือไม่

สำหรับอดีต โค้ดด้านล่างอยู่ใน 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เพื่อลบ attr จากองค์ประกอบ html

นี่คือทางออกกำลังใช้กับ anular 6

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

บวกคำตอบที่ได้รับข้างต้น

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

ไม่ได้ผลสำหรับฉันและระวังการใช้ null เพราะมันคาดว่าบูล

สำหรับเวอร์ชันเชิงมุม4+คุณสามารถลอง

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

ใช่คุณสามารถตั้งค่า [ปิดการใช้งาน] = "จริง" หรือถ้ามันเป็นปุ่มตัวเลือกหรือช่องทำเครื่องหมายจากนั้นคุณสามารถใช้ปิดการใช้งาน

สำหรับปุ่มตัวเลือก:

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

สำหรับแบบเลื่อนลง:

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