Angular-ի ngOnInit հուկը

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 պրիվատ մեթոդ և կանչեք այն կոմպոնենտի նախաստորագրման ժամանակ: