Change Detection signifie mettre à jour le DOM chaque fois que des données sont modifiées. Angular fournit deux stratégies pour la détection des changements. Dans sa stratégie par défaut, chaque fois que des données sont mutées ou modifiées, Angular exécutera le détecteur de changement pour mettre à jour le DOM.
Comment Angular détecte-t-il la détection de changement ?
Pour exécuter le détecteur de changement manuellement:
- Injecter le service ChangeDetectorRef dans le composant.
- Utilisez markForCheck dans la méthode d'abonnement pour demander à Angular de vérifier le composant lors de la prochaine exécution des détecteurs de changement.
- Sur le hook de cycle de vie ngOnDestroy, désabonnez-vous de l'observable.
Qu'est-ce que le cycle de détection de changement dans Angular ?
Pendant la détection de changement, Angular exécute sur les liaisons, évalue les expressions, les compare aux valeurs précédentes et met à jour le DOM si nécessaire. Après chaque cycle de détection de changement, Angular exécute une vérification pour s'assurer que l'état du composant est synchronisé avec l'interface utilisateur.
Qu'est-ce que la détection de changement Angular onPush ?
La stratégie OnPush modifie le comportement de détection des modifications d'Angular de la même manière que le fait de détacher un composant. La détection de changement ne s'exécute plus automatiquement pour chaque composant. Angular à la place écoute les changements spécifiques et n'exécute la détection des changements que sur un sous-arbre pour ce composant.
Qu'est-ce qu'une stratégie de détection des changements ?
Le mécanisme de base de la détection de changement est toeffectuer des vérifications contre deux états, l'un est l'état actuel, l'autre est le nouvel état. Si l'un de ces états est différent de l'autre, alors quelque chose a changé, ce qui signifie que nous devons mettre à jour (ou re-rendre) la vue.
