Angular में कई हुक्स

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

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

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

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

app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
  
}

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

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