Angular 2 : Dynamisation des applications

Faire ses premiers pas avec le cycle de vie

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Le cycle de vie des composants est important. Découvrez comment et pourquoi il est utilisé dans une application web.
02:37

Transcription

On va maintenant parler des évènements. Et les évènements du cycle de vie. En fait, ils s'appellent les component lifecycle en Angular. Qu'est-ce que ça veut dire un lifecycle ? Qu'est-ce que ça veut dire un cycle de vie ? En fait, il faut savoir qu'à chaque fois qu'Angular va venir créer les différents éléments que vous avez vous créés, les composants, les modules, etc. Il va y avoir tout un set d'évènements sur lesquels vous allez pouvoir vous câbler. Alors, il faut faire attention parce que certains évènements sont communs à tout le monde, donc, composants, modules, etc. Et certains évènements ne sont disponibles que sur les composants. Pourquoi ? Parce que les composants, en fait, sont censés gérer du template URL, et donc normalement, Angular est censé faire du rendu sur ces templates, et injecter de la logique à l'intérieur, et notamment, faire des interpolations, par exemple, pour le title. Tous les évènements que vous avez là sont des évènements que vous allez pouvoir appeler, à l'intérieur de vos classes, pour pouvoir travailler sur les évènements. Ces évènements sont levés à certains moments, et donc il y a en fait, sur les évènements, un cycle de vie. En fait, on a le constructeur, qui est un peu commun à tout le monde, qui lui, va permettre au tout début de faire des choses. Donc, d'initialiser des valeurs, ce genre de choses. Les OnChanges, OnInit, DoCheck, vont intervenir quand il y aura des changements, quand il y aura des informations au tout début, et quand il y aura des informations qui vont évoluer. Et ceux que vous avez ici en bleu, sont des évènements pour les composants. AfterContentInit, donc après l'initialisation du contenu, après que le contenu ait été checké, après que la vue soit initialisée, sachant que le contenu et la vue sont deux choses différentes dans le moteur de rendu d'Angular, et après que la vue ait été checkée. Ça, c'est extrêmement important, parce que ça vous permet d'agir au début à la fin, et pendant les modifications de la vue. Et enfin, le ngOnDestroy, quand quelque chose disparaîtra. Par exemple, dans la liste que l'on itère ici, on pourrait se dire que quand quelque chose disparait du DOM, on peut agir et faire des mouvements dans notre code avec cet évènement. Le cycle de vie est très intéressant parce que c'est des évènements, pendant le rendu et pendant la modification d'informations, qui vont vous permettre d'interagir et qui vont aussi pouvoir vous permettre de récupérer des informations de ce qui était avant, et de ce qui va être après. Donc c'est vraiment un emplacement de premier choix, quand on a besoin de faire de la modification d'informations, de faire des logs, de récupérer de l'info, de travailler avec. On a effectivement su absolument tout le comportement du framework, des hooks, c'est comme ça qu'on appelle ça, qui nous permettent de nous câbler. Donc c'est des emplacements en fait, qui permettent de câbler de la logique.

Angular 2 : Dynamisation des applications

Apprenez à dynamiser vos applications avec AngularJS. Créez un module parent, utilisez le moteur d’animation intégré, découvrez les cycles de vie disponibles, etc.

2h03 (28 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :31 oct. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !