Komponen dan siklus hidup
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Apa itu lifecycle hook di Angular?
Apa itu lifecycle hook di Angular?
Jawaban
Lifecycle hook adalah metode khusus yang dipanggil secara otomatis oleh Angular pada momen-momen penting dalam siklus hidup component atau directive. Hook ini memungkinkan eksekusi kode pada tahap tertentu seperti pembuatan, pembaruan, atau penghancuran. Hook yang paling umum adalah ngOnInit, ngOnChanges, dan ngOnDestroy.
2Kapan ngOnInit dipanggil?
Kapan ngOnInit dipanggil?
Jawaban
ngOnInit dipanggil sekali setelah ngOnChanges pertama, setelah semua properti @Input diinisialisasi. Ini adalah hook ideal untuk menginisialisasi data component, memulai subscription, atau memanggil layanan. Lebih disukai daripada constructor untuk logika inisialisasi karena semua binding dijamin tersedia.
3Apa perbedaan utama antara ngOnChanges dan ngOnInit?
Apa perbedaan utama antara ngOnChanges dan ngOnInit?
Jawaban
ngOnChanges dipanggil setiap kali nilai properti @Input berubah dan menerima objek SimpleChanges yang berisi nilai lama dan baru. ngOnInit dipanggil hanya sekali setelah inisialisasi pertama. Gunakan ngOnChanges untuk bereaksi terhadap perubahan input dan menerapkan logika yang bergantung pada nilai @Input. Lebih suka ngOnInit untuk inisialisasi sekali seperti panggilan API atau konfigurasi awal.
Mengapa menggunakan ngOnDestroy dalam component?
Dalam urutan apa lifecycle hook dipanggil saat membuat component?
+17 pertanyaan wawancara
Topik wawancara Angular lainnya
Dasar-dasar TypeScript
TypeScript Lanjutan
Dasar-Dasar Angular
Services & Dependency Injection
Organisasi Modul Angular
Angular CLI
Direktif dan Pipe
Routing dan Navigasi
Reactive Forms
Template-driven Forms
Dasar-Dasar RxJS
Operator RxJS
HttpClient & Panggilan API
Manajemen State Dasar
Change Detection
Angular Signals
Standalone Components
Unit Testing Angular
Pengujian End-to-End
Build dan optimasi
Dasar-dasar NgRx
NgRx Lanjutan
Arsitektur Angular
Optimisasi Performa
Keamanan dan Praktik Terbaik
Pola RxJS Lanjutan
Angular Universal & SSR
Micro-frontend Angular
Kuasai Angular untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis