Хуки ngOnInit дар Angular

Хуки ngOnInit вақте кор мекунад, ки компонент оғоз мешавад. Дар амал он монанд ба сохтгоҳи синф аст, аммо дар он метавон вазифаҳои мураккабтарро иҷро кард, масалан, боркунии маълумот аз сервер.

Биёед бубинем, ки чӣ тавр аз ин хуки истифода барем. Барои оғоз бояд интерфейси онро ворид кунем:

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

Баъд интерфейсро ба синфи компонент дохил кунед:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

Пас аз ин мо метавонем дар синфи компонент методи ngOnInit-ро нависем ва ин метод ба таври худкор вақти оғози синф иҷро хоҳад шуд. Кори онро санҷем:

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