Begrip: Async Pipe

De async pipe kan gebruikt worden om binnen een Angular template te abonneren op wijzigingen in een Observable of om te wachten tot een Promise afgewerkt is.

Zodra één vna bovenstaande zaken gebeurd, wordt de data dan getoond in de UI.

Logic file

export class FooPage implements OnInit {
    someService = inject(SomeService)
    someObservable = this.someService.someSyncFunctionThatReturnsAnObservable()
    somePromise = this.someService.someAsyncFunctionThatReturnsAPromise()
}

Template

{{someObservable | async}}
{{somePromise | async}}

:::