Direktif dan Pipe
Built-in directives, custom directives, attribute directives, structural directives, built-in pipes, custom pipes, pure vs impure pipes
1Apa itu direktif struktural di Angular?
Apa itu direktif struktural di Angular?
Jawaban
Direktif struktural memodifikasi struktur DOM dengan menambahkan, menghapus, atau memanipulasi elemen. Direktif ini diawali dengan * (mis: *ngIf, *ngFor). Tidak seperti direktif atribut yang memodifikasi tampilan atau perilaku, direktif struktural dapat menambah atau menghapus elemen dari DOM.
2Apa sintaks yang benar untuk menggunakan ngFor dengan trackBy?
Apa sintaks yang benar untuk menggunakan ngFor dengan trackBy?
Jawaban
Sintaks yang benar menggunakan titik koma untuk memisahkan iterasi dari fungsi trackBy. Fungsi trackBy meningkatkan performa dengan memungkinkan Angular mengidentifikasi item mana yang telah berubah, ditambahkan, atau dihapus. Fungsi ini menerima dua parameter (index dan item) dan mengembalikan identifier unik.
3Mengapa menggunakan trackBy dengan ngFor?
Mengapa menggunakan trackBy dengan ngFor?
Jawaban
trackBy meningkatkan performa rendering daftar dengan memungkinkan Angular mengidentifikasi secara tepat item mana yang telah berubah. Tanpa trackBy, Angular membuat ulang semua elemen DOM ketika terjadi perubahan. Dengan trackBy, hanya item yang dimodifikasi yang diperbarui, menghindari pembuatan ulang yang tidak perlu.
Direktif mana yang harus digunakan untuk menampilkan elemen secara kondisional berdasarkan kondisi?
Apa perbedaan antara *ngIf dan [hidden]?
+19 pertanyaan wawancara
Topik wawancara Angular lainnya
Dasar-dasar TypeScript
TypeScript Lanjutan
Dasar-Dasar Angular
Komponen dan siklus hidup
Services & Dependency Injection
Organisasi Modul Angular
Angular CLI
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