true - ¿Hay alguna alternativa para ng-disabled en angular2?

ng if disabled angularjs

Question

Estoy usando angular2 para el desarrollo y me preguntaba si hay alguna alternativa para ng-disabled en angular2.

Por ej. El siguiente código 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>

Solo quería saber ¿Cómo puedo lograr esta funcionalidad? alguna entrada?

Answer 1

Aquí hay una solución que estoy usando con anular 6.

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

más arriba de la respuesta dada

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

no funcionó para mí y tenga en cuenta el uso de nulo porque espera bool.

Answer 2

Para establecer la propiedad disabled en uso true o 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>

Answer 3

Para versiones angulares 4+ puedes probar

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

Answer 4

Sí, puede establecer [disabled] = "true" o si es un botón de opción o una casilla de verificación, entonces simplemente puede usar desactivar

Para el botón de radio:

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

Para desplegable:

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

Answer 5

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

Debe usar null para eliminar attr del elemento html.