Angulari ngOnDestroy konks

Konks ngOnDestroy käivitub komponendi eemaldamisel. Selles konksus saab vabastada ressursse, eemaldada sündmuste tellimused, peatada taimerid jne.

Komponendi loomine ja eemaldamine Angularis toimub siis, kui seda reaktiivselt näidatakse ja varjatakse tingimusega if. See tähendab, et Angular ei lihtsalt peida komponente, vaid eemaldab need ja toob need tagasi.

Samuti luuakse ja eemaldatakse komponente, kui neid reaktiivselt tsüklis läbitakse. Sel juhul Angular samuti loob ja eemaldab komponente.

Proovime seda praktikas. Impordime liidese OnDestroy:

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

Ühendame selle klassiga:

export class UserComponent implements OnDestroy {
	
}

Ja nüüd kirjutame oma konksu:

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

Tehke reaktiiivne if, mille abil kuvatakse laps komponent. Kontrollige õpitud konksu toimimist.

Vanem komponendis on antud kasutajate nimede massiiv. Tehke lapse komponent kasutajaga. Läbitage massiiv tsükliga ja kuvage komponendid kasutajatega. Tehke nupp, mille vajutamisel kustutatakse elemendid massiivist. Kontrollige, et lastes komponentides käivitub konks kustutamisel.