Angular में कई हुक्स

एक साथ कई हुक्स निर्दिष्ट करना संभव है। आइए देखें कि यह दो पहले से सीखे गए हुक्स के उदाहरण पर कैसे किया जाता है।

आइए दो इंटरफेस आयात करें:

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

उन्हें क्लास से जोड़ें:

export class UserComponent implements OnInit, OnDestroy {
	
}

आइए हमारे दोनों हुक्स लिखें:

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

रिएक्टिव कंडीशन if पर दोनों हुक्स के काम की जांच करें।

रिएक्टिव लूप पर दोनों हुक्स के काम की जांच करें।