Մի քանի հուկներ 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');
  }
}
Задание 1

Ստուգեք երկու հուկների աշխատանքը ռեակտիվ պայմանի if վրա:

Задание 2

Ստուգեք երկու հուկների աշխատանքը ռեակտիվ ցիկլի վրա: