Implémentez une détection des modifications plus rapide pour améliorer l'expérience utilisateur.
Angular exécute son mécanisme de détection des modifications périodiquement afin que les modifications apportées au modèle de données soient reflétées dans la vue d'une application. La détection des modifications peut être déclenchée manuellement ou par le biais d'un événement asynchrone (par exemple, une interaction utilisateur ou une fin de requête XHR).
La détection des modifications est un outil puissant, mais si elle est exécutée très souvent, elle peut déclencher de nombreux calculs et bloquer le thread principal du navigateur.
Dans cet article, vous allez découvrir comment contrôler et optimiser le mécanisme de détection des modifications en ignorant certaines parties de votre application et en exécutant la détection des modifications uniquement lorsque cela est nécessaire.
Fonctionnement de la détection des changements dans Angular
Pour comprendre le fonctionnement de la détection des modifications d'Angular, examinons un exemple d'application.
Vous trouverez le code de l'application dans ce dépôt GitHub.
L'application liste les employés de deux services d'une entreprise (ventes et R&D) et comporte deux composants :
AppComponent, qui est le composant racine de l'application, et- Deux instances de
EmployeeListComponent, une pour les ventes et une pour la R&D.