Hook ngOnInit di Angular
Hook ngOnInit terpicu saat
inisialisasi komponen. Dalam aksinya, ia
mirip dengan konstruktor kelas, tetapi di dalamnya Anda dapat
menjalankan tugas yang lebih kompleks, misalnya,
pemuatan data dari server.
Mari kita lihat bagaimana menggunakan hook ini. Pertama, Anda perlu mengimpor interfacenya:
import { OnInit } from '@angular/core';
Selanjutnya, sertakan interface ke dalam kelas komponen:
export class UserComponent implements OnInit {
}
Setelah itu, kita dapat menulis metode
ngOnInit dalam kelas komponen dan
metode ini akan dijalankan secara otomatis saat
inisialisasi kelas. Mari kita periksa cara kerjanya:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Buatlah metode privat show dan
panggil saat inisialisasi komponen.
