ჰუკი 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 და გამოიძახეთ იგი კომპონენტის ინიციალიზაციის დროს.