# Fondamentaux Angular (Angular)

> Components, templates, data binding, directives structurelles, ngFor, ngIf, interpolation, property binding, event binding

- 20 questions d'entretien
- Junior
- [Questions d'entretien: Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 17 questions supplémentaires disponibles

- Quelle syntaxe permet de capturer un événement utilisateur dans le template ?
- Que fait la directive *ngIf dans un template Angular ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien Angular

- [Les bases de TypeScript](https://sharpskill.dev/fr/technologies/angular/questions-entretien/typescript-basics.md): 25 questions, Junior
- [TypeScript avancé](https://sharpskill.dev/fr/technologies/angular/questions-entretien/typescript-advanced.md): 20 questions, Junior
- [Composants et cycle de vie](https://sharpskill.dev/fr/technologies/angular/questions-entretien/components-lifecycle.md): 20 questions, Junior
- [Services et Dependency Injection](https://sharpskill.dev/fr/technologies/angular/questions-entretien/services-dependency-injection.md): 20 questions, Junior
- [Organisation des Modules Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/modules-organization.md): 22 questions, Confirmé
- [Angular CLI](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-cli.md): 18 questions, Junior
- [Directives et Pipes](https://sharpskill.dev/fr/technologies/angular/questions-entretien/directives-pipes.md): 22 questions, Confirmé
- [Routing et Navigation](https://sharpskill.dev/fr/technologies/angular/questions-entretien/routing-navigation.md): 24 questions, Confirmé
- [Formulaires réactifs](https://sharpskill.dev/fr/technologies/angular/questions-entretien/forms-reactive.md): 26 questions, Confirmé
- [Formulaires template-driven](https://sharpskill.dev/fr/technologies/angular/questions-entretien/forms-template-driven.md): 16 questions, Confirmé
- [Fondamentaux RxJS](https://sharpskill.dev/fr/technologies/angular/questions-entretien/rxjs-fundamentals.md): 22 questions, Confirmé
- [Opérateurs RxJS](https://sharpskill.dev/fr/technologies/angular/questions-entretien/rxjs-operators.md): 24 questions, Confirmé
- [HttpClient et API calls](https://sharpskill.dev/fr/technologies/angular/questions-entretien/http-client.md): 22 questions, Confirmé
- [Gestion d'état de base](https://sharpskill.dev/fr/technologies/angular/questions-entretien/state-management-basics.md): 20 questions, Confirmé
- [Change Detection](https://sharpskill.dev/fr/technologies/angular/questions-entretien/change-detection.md): 20 questions, Confirmé
- [Angular Signals](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-signals.md): 20 questions, Confirmé
- [Standalone Components](https://sharpskill.dev/fr/technologies/angular/questions-entretien/standalone-components.md): 18 questions, Confirmé
- [Tests unitaires Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/testing-unit.md): 22 questions, Confirmé
- [Tests end-to-end](https://sharpskill.dev/fr/technologies/angular/questions-entretien/testing-e2e.md): 18 questions, Confirmé
- [Build et optimisation](https://sharpskill.dev/fr/technologies/angular/questions-entretien/build-optimization.md): 20 questions, Confirmé
- [Fondamentaux NgRx](https://sharpskill.dev/fr/technologies/angular/questions-entretien/ngrx-fundamentals.md): 24 questions, Senior
- [NgRx avancé](https://sharpskill.dev/fr/technologies/angular/questions-entretien/ngrx-advanced.md): 24 questions, Senior
- [Architecture Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-architecture.md): 22 questions, Senior
- [Optimisation de performance](https://sharpskill.dev/fr/technologies/angular/questions-entretien/performance-optimization.md): 22 questions, Senior
- [Sécurité et bonnes pratiques](https://sharpskill.dev/fr/technologies/angular/questions-entretien/security-best-practices.md): 20 questions, Senior
- [Patterns RxJS avancés](https://sharpskill.dev/fr/technologies/angular/questions-entretien/advanced-rxjs-patterns.md): 22 questions, Senior
- [Angular Universal et SSR](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-universal-ssr.md): 20 questions, Senior
- [Micro-frontends Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/micro-frontends-angular.md): 20 questions, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-fundamentals