Fondamentaux Angular
Components, templates, data binding, directives structurelles, ngFor, ngIf, interpolation, property binding, event binding
1Qu'est-ce qu'un component dans Angular ?
Qu'est-ce qu'un component dans Angular ?
Réponse
Un component est un élément de base d'une application Angular qui contrôle une partie de l'interface utilisateur. Il combine un template HTML, un style CSS et une classe TypeScript avec le décorateur @Component. Cette architecture permet de créer des interfaces réutilisables et modulaires, favorisant la séparation des responsabilités entre la vue et la logique métier.
2Quelle syntaxe permet d'afficher une variable TypeScript dans le template ?
Quelle syntaxe permet d'afficher une variable TypeScript dans le template ?
Réponse
L'interpolation avec double accolades {{ variable }} permet d'insérer des valeurs dynamiques dans le template HTML. Angular évalue l'expression TypeScript et convertit le résultat en chaîne de caractères affichée dans le DOM. Cette syntaxe est utilisée pour afficher des propriétés du component, effectuer des calculs simples ou appeler des méthodes qui retournent des valeurs.
3Comment lier une propriété HTML à une variable du component ?
Comment lier une propriété HTML à une variable du component ?
Réponse
Le property binding avec crochets [property]="variable" lie une propriété d'élément DOM à une expression TypeScript. Angular évalue l'expression et met à jour la propriété automatiquement lors des changements. Cette syntaxe est unidirectionnelle (component vers template) et s'applique aux attributs HTML standards, propriétés personnalisées ou inputs de components enfants.
Quelle syntaxe permet de capturer un événement utilisateur dans le template ?
Que fait la directive *ngIf dans un template Angular ?
+17 questions d'entretien
Autres sujets d'entretien Angular
Les bases de TypeScript
TypeScript avancé
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
Standalone Components
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