Constructeur
Ceci est invoqué lorsque Angular crée un composant ou une directive en appelant new sur la classe.,
La méthode constructeur n'est pas réellement une méthode Angular. Il s'agit d'une méthode prédéfinie dans une classe TypeScript qui est appelée lorsque la classe est instanciée. Le but du constructeur est d'aider à préparer la création d'une nouvelle instance de la classe. Dans le contexte d'Angular, il peut être utilisé pour initialiser correctement les champs
ngOnChanges
Appelé chaque fois qu'il y a un changement dans l'une des propriétés d'entrée du composant.
La méthode ngOnChanges() est un hook de cycle de vie qui se déclenchera chaque fois qu'un propriété "bindée" est modifiée.
ngOnInit
Appelé lorsque le composant donné a été initialisé. Ce hool n'est appelé qu'une seule fois après ngOnChanges.
La méthode ngOnInit s'exécute après la méthode constructeur, ce qui signifie que toutes les dépendances injectées seront résolues et que tous les membres de la classe seront définis. Cela en fait l'endroit idéal pour effectuer n'importe quel travail/logique d'initialisation pour le composant.
ngDoCheck
Appelé lorsque le détecteur de changement du composant donné est appelé. Cela nous permet d'implémenter notre propre algorithme de détection de changement pour le composant donné.
Ce hook détecte et agit sur chaque changement qu'Angular ne peut pas trouver automatiquement. Il est appelé avant les méthodes ngOnChanges() et ngOnInit().
ngAfterContentInit
Appelé après qu'Angular a effectué toute projection de contenu dans la vue du composant.
Ce hook est appelé une seule fois immédiatement après l'appel du premier crochet ngDoCheck, c'est une sorte de ngDoCheck mais pour le contenu projeté dans la vue du composant avec ng-content.
ngAfterContentChecked
Invoqué chaque fois que le contenu du composant donné a été vérifié par le mécanisme de détection de changement d'Angular.
Il est appelé après l'initialisation du contenu projeté dans une vue de composant, après l'appel du crochet ngAfterContentInit et de chaque hook ngDoCheck suivant.
Si vous recevez des avertissements d'erreur sur le composant de votre application, survolez-le pour obtenir un aperçu de la solution rapide que vous pouvez utiliser.
ngAfterViewInit
Appelé lorsque la vue du composant a été entièrement initialisée.
Il n'est appelé qu'une seule fois après l'appel du tout premier crochet ngAfterContentChecked. Il est appelé après qu'Angular ait initialisé les vues des composants et les vues enfants suivantes sous chaque composant, cela devra également inclure les vues affichées via la projection de contenu et c'est pourquoi il est appelé après le crochet ngAfterContentChecked.
ngAfterViewChecked
Invoqué chaque fois que la vue du composant donné a été vérifiée par le mécanisme de détection de changement d'Angular.
Il est appelé après qu'Angular ait vérifié les vues des composants et les vues enfants suivantes sous chaque composant pour les modifications, cela inclut également les vues affichées via la projection de contenu. Il est appelé après le crochet ngAfterViewInit et chaque crochet ngAfterContentChecked suivant.
ngOnDestroy
Cette méthode sera invoquée juste avant qu'Angular ne détruise le composant.
Utilisez ce hook pour désinscrire les observables et détacher les gestionnaires d'événements afin d'éviter les fuites de mémoire.