Begrip: 2-way databinding

2-way databinding is een techniek die het mogelijk maakt om via één directive eenvoudig de link te leggen tussen een variabele in de logica file en het value attribuut van een formulierelement.

2-way databinding kan gezien worden als een combinatie van event binding en property binding. De notatie,[(ngModel)]="varInLogicFile", reflecteert dit. De vierkante haken geven aan dat de waarde van de variabele varInLogicFile weergegeven moet worden in het formulier, dankzij property binding zijn wijzigingen in de TypeScript variabele onmiddellijk zichtbaar in de UI. De ronde haken geven aan dat na een change-event, de nieuwe waarde die in het formulier ingegeven is ook weggeschreven moet worden naar de variabele varInLogicFile.

Template

<some-form-element ([ngModel])="foo">
</some-form-element>

TypeScript

export class Bar {
    foo = ''
}

:::