Existe-t-il une alternative pour ng-disabled dans angular2?

Question

J'utilise angular2 pour le développement et je me demandais s'il existe une alternative pour ng-disabled dans angular2.

Par ex. Le code ci-dessous est en 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>
 

Je voulais juste savoir comment puis-je obtenir cette fonctionnalité? des entrées?

Answer 1

Pour définir la propriété disabled sur true ou false usage

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

Vous devez utiliser null pour supprimer attr de l'élément html.

Answer 3

Voici une solution que j’utilise avec anular 6.

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

plus réponse donnée ci-dessus

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

ça ne marchait pas pour moi et je savais que je devais utiliser null parce que nous nous attendions à un bool.

Answer 4

Pour les versions angulaires 4+ , vous pouvez essayer

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

Answer 5

Oui Vous pouvez définir [disabled] = "true" ou s'il s'agit d'un bouton radio ou d'une case à cocher, vous pouvez simplement utiliser

Pour le bouton radio:

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

Pour le menu déroulant:

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