web-dev-qa-db-fra.com

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

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

Par exemple, 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 obtenir cette fonctionnalité? Des entrées?

angularangular-directive
116
Bhushan Gadekar

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

<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>
224
Günter Zöchbauer
[attr.disabled]="valid == true ? true : null"

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

51
Roger Gusmao

Pour les versions angulaires 4+ , vous pouvez essayer

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

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.

2
Aneeq Azam Khan

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>
0
Priya Gupta