Хук ngOnInit в Angular
Хук ngOnInit срабатывает при инициализации
компонента. По действию он похож на конструктор
класса, но в нем можно выполнять
более сложные задачи, нпример,
загрузку данных с сервера.
Давайте посмотрим, как пользоваться данным хуком. Для начала нужно импортировать его интерфейс:
import { OnInit } from '@angular/core';
Далее нужно включить интерфейс в класс компонента:
export class UserComponent implements OnInit {
}
После этого мы сможем написать
в классе компонента метод ngOnInit
и этот метод выполнится автоматически
при инициализации класса.
Проверим его работу:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Сделайте приватный метод show и
вызовите его по инициализации компонента.