Begrip: Property Binding

Property binding kan in de template gebruikt worden door vierkante haken rond een attribuut te plaatsen. De waarde van dit attribuut komt vervolgens uit een variabele in de logica file. Als de variabele aangepast wordt in de logica file, zijn deze wijzigingen ogenblikkelijk zichtbaar in de UI.

someComponent.page.html

<component [attribute]="variabeleInLogicFile">...</component>;

someComponent.page.ts

import {Component} from '@angular/core'

@Component({
    selector: 'app-someComponent',
    templateUrl: 'someComponent.page.html',
})
export class SomeComponentPage {
    variableInLogicFile = "Some Value"
    
    constructor() {
    }
}

:::