Angular Property Binding: concepto y ejemplo práctico

Property binding es una técnica que Angular utiliza para asignar valores a atributos de HTML a través de propiedades de clase de Typescript. Esto permite actualizar dinámicamente propiedades del DOM.

Ejemplo:

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

@Component({
    selector: 'app-user-div',
    template: `<div [contentEditable]="isEditable"> </div>`
})

export class UserComponent {
    isEditable : boolean = true;
}

Tras la ejecución del anterior código, el atributo contentEditable del div se establecerá en true y el div será editable. Esta práctica puede ser útil para formularios en los que se necesite un div editable.