Kipofu ngOnDestroy katika Angular

Kipofu ngOnDestroy hufululiza wakati kipengele kinapoondolewa. Katika kipofu hiki unaweza kukomboa rasilimali, kufuta usajili wa matukio ya vipengele, kuacha viwakilishi vya muda, n.k.

Uundaji na uondoaji wa kipengele katika Angular hufanyika, wakati inaonyeshwa kwa kujibu na kufichwa kwa kutumia sharti if. Hii inamaanisha Angular haifichi tu vipengele, bali huiondoa na kurejesha tena.

Pia vipengele huundwa na kuondolewa, wakati vinapochanganuliwa kwa kujibu katika vitanzi. Katika kesi hii Angular pia huunda na kuondoa vipengele.

Wacha tujaribu kwa vitendo. Leta kiolesura OnDestroy:

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

Weka kiolesura hiki kwa darasa:

export class UserComponent implements OnDestroy {
	
}

Sasa tuandike kipofu chetu:

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

Fanya if inayojibu kwa kutumia ambayo kipengele cha mtoto kitaonyeshwa. Angalia utendaji wa kipofu kilichosomwa.

Katika kipengele cha mzazi kuna safu ya majina ya watumiaji. Fanya kipengele cha mtoto na mtumiaji. Chambua safu kwa kitanzi na uwasilishe vipeperushi vyenye watumiaji. Fanya kitufe, kwa kubonyeza ambayo vitu vitafutwa kutoka kwa safu. Hakikisha kuwa katika vipeperushi vya mtoto kipofu kitafanya kazi kwenye kuondoa.