Vinculación de propiedades ([property])

En enlazado de propiedades se utiliza la sintaxis [propiedad]="expresion". La forma más común de usarlo es vincular una propiedad del componente a un atributo de una etiqueta:

import { Component } from "@angular/core";

@Component({
  selector: "app-root",
  template: `
    <img [src]="miImagen" />
  `
})
export class AppComponent {
  title = "property-binding";
  miImagen = "assets/img/keepcalm.PNG";
}

Otro ejemplo, deshabilitar un botón:

    <button [disabled]="isDisabled">Cancel is disabled</button>

Propiedad del componente:

isDisabled = true;

Su equivalente HTML:

<button disabled>HTML Cancel is disabled</button>

Habilitar botón

Añado el constructor de la clase con este código, usando la función flecha transcurridos tres segundos en botón se habilita.

  constructor() {
    setTimeout(() => {
      this.isDisabled = false;
    }, 3000);
  }

Código fuente

• angular / src / conceptos / data-binding / property-binding.

Enlaces externos