Standalone Components
Standalone components, imports, providers, bootstrapping, migration from NgModules, new application structure
1Qu'est-ce qu'un standalone component en Angular ?
Qu'est-ce qu'un standalone component en Angular ?
Réponse
Un standalone component est un composant Angular qui définit standalone: true dans son décorateur @Component. Cela permet au composant de gérer ses propres imports et providers sans nécessiter de NgModule. Les standalone components simplifient l'architecture en éliminant la nécessité de modules intermédiaires pour organiser les dépendances.
2Comment déclarer un standalone component ?
Comment déclarer un standalone component ?
Réponse
Pour créer un standalone component, il suffit d'ajouter la propriété standalone: true dans le décorateur @Component. Cette simple déclaration rend le composant indépendant de tout NgModule et permet de gérer directement ses imports et providers dans les métadonnées du composant, éliminant ainsi le besoin de déclaration externe dans un module.
3Comment importer un autre composant dans un standalone component ?
Comment importer un autre composant dans un standalone component ?
Réponse
Dans un standalone component, les dépendances (composants, directives, pipes) s'ajoutent directement dans le tableau imports du décorateur @Component. Chaque composant peut importer d'autres standalone components, des directives, des pipes ou même des NgModules classiques. Cela élimine le besoin de NgModules intermédiaires pour gérer les dépendances entre composants et simplifie l'architecture.
Quelle fonction utiliser pour bootstrapper une application avec un standalone component ?
Comment configurer des providers globaux avec bootstrapApplication ?
+15 questions d'entretien
Autres sujets d'entretien Angular
Les bases de TypeScript
TypeScript avancé
Fondamentaux Angular
Composants et cycle de vie
Services et Dependency Injection
Organisation des Modules Angular
Angular CLI
Directives et Pipes
Routing et Navigation
Formulaires réactifs
Formulaires template-driven
Fondamentaux RxJS
Opérateurs RxJS
HttpClient et API calls
Gestion d'état de base
Change Detection
Angular Signals
Tests unitaires Angular
Tests end-to-end
Build et optimisation
Fondamentaux NgRx
NgRx avancé
Architecture Angular
Optimisation de performance
Sécurité et bonnes pratiques
Patterns RxJS avancés
Angular Universal et SSR
Micro-frontends Angular
Maîtrise Angular pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement