Angular-ի ngOnInit հուկը

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');
  }
}