Standalone Components
Standalone components, imports, providers, bootstrapping, migrasi dari NgModules, struktur aplikasi baru
1Apa itu standalone component di Angular?
Apa itu standalone component di Angular?
Jawaban
Sebuah standalone component adalah komponen Angular yang mendefinisikan standalone: true dalam dekorator @Component-nya. Ini memungkinkan komponen mengelola imports dan providers-nya sendiri tanpa memerlukan NgModule. Standalone components menyederhanakan arsitektur dengan menghilangkan kebutuhan akan modul perantara untuk mengorganisir dependensi.
2Bagaimana cara mendeklarasikan sebuah standalone component?
Bagaimana cara mendeklarasikan sebuah standalone component?
Jawaban
Untuk membuat standalone component, cukup tambahkan properti standalone: true di dekorator @Component. Deklarasi sederhana ini membuat komponen menjadi independen dari NgModule mana pun dan memungkinkan pengelolaan imports dan providers langsung dalam metadata komponen, menghilangkan kebutuhan deklarasi eksternal dalam modul.
3Bagaimana cara mengimpor komponen lain ke dalam standalone component?
Bagaimana cara mengimpor komponen lain ke dalam standalone component?
Jawaban
Dalam standalone component, dependensi (komponen, direktif, pipes) ditambahkan langsung di array imports dari dekorator @Component. Setiap komponen dapat mengimpor standalone components lain, direktif, pipes, atau bahkan NgModules klasik. Ini menghilangkan kebutuhan akan NgModules perantara untuk mengelola dependensi antar komponen dan menyederhanakan arsitektur.
Fungsi mana yang digunakan untuk bootstrap aplikasi dengan standalone component?
Bagaimana cara mengkonfigurasi providers global dengan bootstrapApplication?
+15 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
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
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