Angular में ngOnInit हुक

ngOnInit हुक कंपोनेंट के इनिशियलाइज़ेशन पर ट्रिगर होता है। यह क्लास के कंस्ट्रक्टर के समान कार्य करता है, लेकिन इसमें अधिक जटिल कार्य किए जा सकते हैं, जैसे सर्वर से डेटा लोड करना।

आइए देखें कि इस हुक का उपयोग कैसे करें। सबसे पहले इसके इंटरफेस को इम्पोर्ट करने की आवश्यकता है:

app/user/user.component.tsimport { OnInit } from '@angular/core';

अगले चरण में इंटरफेस को कंपोनेंट क्लास में शामिल करना होगा:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

इसके बाद हम कंपोनेंट क्लास में ngOnInit मेथड लिख सकेंगे और यह मेथड क्लास के इनिशियलाइज़ेशन पर स्वचालित रूप से निष्पादित होगा। आइए इसके कार्य की जाँच करें:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}