Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Angular 2 : Dynamisation des applications

Définir la notion de directive

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Très importantes dans une application Angular, les directives seront un allié de taille. Elles sont surtout très utiles pour les applications de très grande taille.
03:05

Transcription

On va maintenant aborder le dernier sujet de cette formation et vous aurez déjà une bonne vision des choses un peu avancées qu'on peut faire avec Angular2 On va parler des directives Alors c'est quoi une directive Qu'est-ce que ça veut dire que directive Pour ceux qu'ont fait de l'Angular1 vous avez l'impression que directive ça veut dire un bout de code avec du html et puis avec des comportements qui vont modifier le dom Vous êtes pas très loin de la vérité En réalité il va falloir faire attention à bien différentier directive reprenons et composant c'est 2 choses qui ont été différentiées Il y a un moment dans la vie du projet Angular2 parce qu'il a été développé pendant un certain temps où on avait possibilité de venir déclarer des composants comme ça avec de la vue etc comme des directives C'est plus vraiment le cas On va partir d'un principe c'est que un composant est une directive aussi mais on en reparlera après puisque on va voir les types de directive possibles Une directive ça permet comme son nom indique de diriger en fait de donner un ordre et généralement ça va être un ordre qui va être un ordre structuré Concrètement ici le meilleur exemple qu'on pourra avoir et on va se pencher vraiment sur son cas ce serait le ngif ngif c'est une vraie directive mais il y a pas que celle-là vous avez tout un tas qui sont déjà inclus dans Angular Et notamment on peut citer le ngfor, on peut citer d'autres directives sans aucun problème Il suffit simplement de se rendre sur par exemple le composant component.html ici pour voir qu'effectivement on utilise ngfor on va utiliser ngif et qu'à chaque fois on remarquera que les directives ont cette différence du reste qu'elles sont préfixées par une étoile En fait on reconnaitra les directives à ça Elle vont avoir pour but d'exécuter de la logique javascript dans un bout de code qui sera ce qu'on appellera une directive réellement et de nous retourner de l'information Donc elles vont agir évidemment sur le dom ça c'est sur et certain elles vont agir sur le dom elles vont agir sur la façon dont on va afficher les informations Et elles vont même pouvoir de temps en temps prendre des paramètres particuliers notamment dans le cas du ngfor on voit que ici on peut venir faire un pipe avec un filtre par ex qui va fonctionner avec la directive ngfor Ça veut dire qu'une directive ça prendra toujours un certain contenu et ça le transformera ou ça en fera autre chose mais ça nous permettra de travailler dans l'interface Donc c'est très structurel C'est vraiment pour agir sur la façon dont on affiche et absolument pas normalement sur de la logique métier On mettra pas de la logique métier dans une directive On préférera mettre la logique métier soit dans un composant, comme ça avec de la logique à l'intérieur Soit dans un service parce que les services s'y prêtent beaucoup mieux c'est vrai qu'on déplacera toute la logique métier dans des services ce sera beaucoup plus intéressant J'espère que de façon globale vous voyez à peu près ce qu'est une directive Pour le moment, tant que c'est pas vraiment affiné dans votre esprit gardez simplement en tête que c'est préfixé par une étoile c'est une directive, tout simplement et ça n'a pour but que de venir donner une information sur ce qui doit se passer dans l'interface et uniquement ça

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 !