Angular'da ngOnInit Kancası
ngOnInit kancası, bileşen başlatıldığında
tetiklenir. Etkisi açısından sınıfın yapıcı
metoduna benzer, ancak içinde sunucudan veri
yükleme gibi daha karmaşık görevler
gerçekleştirilebilir.
Şimdi bu kancayı nasıl kullanacağımıza bir göz atalım. Öncelikle arayüzünü içe aktarmamız gerekiyor:
import { OnInit } from '@angular/core';
Sonrasında arayüzü bileşen sınıfına dahil etmemiz gerekiyor:
export class UserComponent implements OnInit {
}
Bundan sonra, bileşen sınıfı içinde
ngOnInit metodunu yazabiliriz ve bu
metot sınıf başlatıldığında otomatik olarak
çalışacaktır. Çalışmasını test edelim:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
show adında private bir metod
oluşturun ve bileşen başlatıldığında bu
metodu çağırın.