Mehrere Hooks in Angular

Es können mehrere Hooks gleichzeitig angegeben werden. Sehen wir uns an einem Beispiel zweier bereits bekannter Hooks an, wie das geht.

Importieren wir zwei Interfaces:

import { OnInit, OnDestroy } from '@angular/core';

Binden wir sie in die Klasse ein:

export class UserComponent implements OnInit, OnDestroy {
	
}

Schreiben wir unsere beiden Hooks:

export class UserComponent implements OnInit, OnDestroy {
	constructor() {
		console.log('constructor is started');
	}
	
	ngOnInit() {
		console.log('onInit is applied');
	}
	
	ngOnDestroy() {
		console.log('onDestroy is applied');
	}
}

Überprüfen Sie die Funktionsweise beider Hooks an einer reaktiven if-Bedingung.

Überprüfen Sie die Funktionsweise beider Hooks in einer reaktiven Schleife.