# Несколько хуков в 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`.

Проверьте работу обоих хуков на реактивном цикле.

← →
↑