Appearance
Bienvenue sur Angular.fr
La plus grande ressource francophone pour apprendre et maîtriser Angular
📚
Guide complet
Des guides détaillés, des tutoriels et des exemples pratiques pour tous les niveaux. Et régulièrement mis à jour.
🇫🇷
100% en Français
Tout le contenu est rédigé et maintenu en français pour faciliter votre apprentissage.
Explorer nos Articles
🔍
Nouveautés
Les concepts
Pourquoi utiliser Angular ?
Créer un composant
Syntaxes dans les templates
Le composant standalone
input()
output()
Utiliser model() pour du double data-binding
Class Bindings
Style Bindings
Le cycle de vie du composant
Créer son propre pipe
Créer son propre pipe comme filtre
Utiliser @for
Utiliser @if
Utiliser @switch
Projection de contenu avec ng-content
Une référence avec viewChild()
Les références avec viewChildren()
La transclusion avec contentChild()
La transclusion avec contentChildren()
Injection de dépendance
Bien comprendre les Observables
Requêtes HTTP avec HttpClient
Signal, Computed, Effects
Formulaire simple avec ngForm
Formulaire avec FormControl et FormGroup
Créer un routeur
Routeur imbriquée
Routeur avec paramètres
Guard
Guard enfant
Resolver
A savoir
Bonnes pratiques
Techniques
Ajouter TailwindCSS
Intégrer un WebComponent existant
Créer un Web Component à partir d'un composant Angular
Interopérabilité des signaux avec RxJS
Maîtriser la fonction untracked()
A quoi sert @Injectable
Utiliser les intercepteurs HTTP
Authentification avec cookies HTTP-only et refresh token
Créer une librairie
L'héritage des composants
Gérer les dépendances circulaires avec forwardRef
Gérer la destruction avec DestroyRef et takeUntilDestroyed
Les gardes CanDeactivateFn
Gérer le temps réel
Approfondir le routeur
Approfondir
Une promesse
Un observable dans Angular
Utiliser ngModel
Utiliser ngModelGroup
Mettre des validateurs
ControlValueAccessor: Créer son propre champ
Utiliser le service FormBuilder
Utiliser FormArray
Remplir les champs avec patchValue
Observable sur valueChanges
Validateurs synchrones existants
Créer une fonction de validation synchrone
Créer une fonction de validation asynchrone
useValue
useClass
useFactory
useExisting
Récupérer les informations de route avec withComponentInputBinding()
Rendre performant
Cycle de vie des composants
Les pipes
Tests unitaires
Terminologie (stub, mock, spy, etc.)
Jasmine
Tester un composant
Tester les outputs d'un composant
Tester la fonction input() dans un composant
Tester un service
Tester asynchrone et mock
Tester un Observable utilisé dans un composant
Tester un pipe
Tester un formulaire
Tester un router
RouterTestingHarness
Tester un guard
Utiliser Vitest