Angular dagi ngOnInit Hooki

ngOnInit hooki komponent ishga tushganda ishlaydi. Uning ta'siri klass konstruktoriga o'xshaydi, lekin unda yanada murakkab vazifalarni bajarish mumkin, masalan, serverdan ma'lumotlarni yuklash.

Keling, ushbu hookdan qanday foydalanishni ko'rib chiqaylik. Boshlash uchun uning interfeysini import qilish kerak:

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

Keyin interfeysni komponent klassiga kiritish kerak:

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

}

Shundan so'ng, biz komponent klassida ngOnInit metodini yozishimiz mumkin va bu metod klass ishga tushganda avtomatik ravishda bajariladi. Keling, uning ishlashini tekshiramiz:

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