CODEWITHSUNDEEP
angularangular-directive
Bhushan Gadekar
Bhushan Gadekar

Reputation: 13805

is there any alternative for ng-disabled in angular2?

I am using angular2 for development and was wondering if there is any alternative for ng-disabled in angular2.

For ex. below code is in 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>

Just wanted to know How can I achieve this functionality? any inputs?

Upvotes: 162

Views: 235827

Answers (5)

Aneeq Azam Khan
Aneeq Azam Khan

Reputation: 1032

Here is a solution am using with anular 6.

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

plus above given answer

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

did't work for me plus be aware of using null cause it's expecting bool.

Upvotes: 13

Krishnadas PC
Krishnadas PC

Reputation: 6519

For angular 4+ versions you can try

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

Upvotes: 5

Priya Gupta
Priya Gupta

Reputation: 39

Yes You can either set [disabled]= "true" or if it is an radio button or checkbox then you can simply use disable

For radio button:

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

For dropdown:

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

Upvotes: 0

Roger Gusmao
Roger Gusmao

Reputation: 4096

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

You have to use null to remove attr from html element.

Upvotes: 78

G&#252;nter Z&#246;chbauer
G&#252;nter Z&#246;chbauer

Reputation: 657028

To set the disabled property to true or false use

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

Upvotes: 305

Related Questions