Keli Angular kabliukai

Galima vienu metu nustatyti kelis kabliukus. Pažiūrėkime, kaip tai daroma ant dviejų jau išstudijuotų kabliukų pavyzdžio.

Importuokime du interfeisus:

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

Prijunkime juos prie klasės:

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

Parašykime du mūsų kabliukus:

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

Patikrinkite abiejų kabliukų veikimą su reaktyvia sąlyga if.

Задание 2

Patikrinkite abiejų kabliukų veikimą su reaktyviu ciklu.