[MUSIC]
Dans le tout premier module, nous avons passé brièvement en revue les directives et
nous examinons les directives structurelles.
Nous avons vu comment les directives structurelles nous permettent de concevoir les modèles.
Pour nos composants Angular.
Dans cette leçon, nous allons passer en revue les directives d'attribut.
Le troisième type de directive.
Et nous allons également examiner comment nous pouvons concevoir une directive personnalisée
dans l'exercice qui suit cette conférence.
Donc, comme nous l'avons réalisé, les directives sont un moyen
de concevoir les deux modèles Angular et nous permettent de faire
diverses parties de la manipulation du barrage avec une vue d'applications Angular R.
Donc, nous avons vu l'utilisation de directives pour donner des instructions à la répétition angulaire et
comment rendre les modèles dans le DOM.
Et nous avons déjà appris que dans l'application Angular,
l'utilisation de directives structurelles dans les modèles nous permet de concevoir
nos vues de notre application Angular.
Nous avons également appris que le composant que nous avons utilisé si
largement dans les différents exercices de ce cours.
C'est un type particulier de directive qui a un modèle ou une vue attaché à elle.
Et nous avons aussi appris plus tôt que
, il y a deux autres types de directives que nous pouvons utiliser dans nos modèles.
Les directives structurelles et les directives d'attributs.
Nous avons examiné quelques directives structurelles intégrées dans le tout premier module
de ce cours.
Et nous avons vu comment nous pouvons utiliser des directives structurelles comme le NG4 ou le NGF et
plus dans ces exercices dans les parties précédentes de ce cours.
Maintenant, nous allons regarder l'autre type de directive, la directive attributaire.
Qu'est-ce qu'une directive d'attribut et
comment cela nous aide lors de la conception de notre application Angular.
Alors, quelles sont les directives d'attribut ?Les directives d'attribut
sont utilisées comme attributs pour les éléments de votre modèle.
Donc, tout comme ça, vous avez votre code HTML que vous écrivez dans votre modèle et
les éléments HTML, vous pouvez appliquer une directive d'attribut
à ces éléments HTML.
Nous avons également vu la directive structurelle de l'utilisateur.
Et nous avons vu les composants peuvent eux-mêmes ajouter des éléments
de type HTML supplémentaires qui peuvent être utilisés dans les modèles de votre application Angular.
Donc, la façon dont nous utilisons les composants avec leurs sélecteurs
était une façon dont nous avons utilisé les directives dans notre application Angular.
Quand nous avons vu l'utilisation de directives structurelles qui ont été appliquées à
les différents éléments HTML de notre modèle.
Maintenant, nous regardons les directives d'attribut qui nous permettent de changer
certaines propriétés de nos éléments HTML.
Alors, quelle est l'utilisation des directives d'attribut ?
Les directives attributaires écoutent et modifient le comportement d'autres éléments HTML ou d'attributs
ou de propriétés ou de composants que vous utilisez dans vos modèles.
Nous avons effectivement utilisé une partie de la directive d'attributs
intégrée sans en parler explicitement.
Parler des directives attributaires intégrées qui font partie de votre framework angulaire
.
Vous avez déjà rencontré le modèle Ng dans certaines des leçons précédentes
de ce cours, en particulier dans la zone de liaison de données et
aussi lorsque nous avons étudié les polices dans le module précédent.
Il existe deux autres types de directives attributaires intégrées que nous
pourrions rencontrer est ngClass et ngStyle.
Par le nom lui-même, vous pouvez deviner quel est leur but.
De même, il y a d'autres modules que vous utilisez dans vos applications Angular
comme le FormsModule et aussi le RouterModule qui ont leur propre ensemble de directives d'attribut intégrées que nous utilisons.
En effet, nous en avons déjà fait usage lorsque nous définissons des formulaires et
aussi l'utilisation du routeur dans notre application Angular plus tôt.
Maintenant, à ce stade, vous vous demandez peut-être, comment puis-je créer ma propre directive d'attribut
si je suis intéressé à créer une directive personnalisée, donc
c'est là que nous allons examiner comment vous pouvez dériver une directive personnalisée.
Examinons brièvement les directives personnalisées dans la diapositive suivante et
dans l'exercice qui suit.
Donc, dans les directives personnalisées, votre attente est que vous seriez en mesure d'implémenter
ce qui vous intéresse.
En particulier, c'est donc là que nous pouvons créer nos propres directives personnalisées.
En utilisant l'interface de ligne de commande Angular, vous pouvez échafauder le code os nu pour une directive
et ensuite modifier ce code afin d'implémenter votre directive personnalisée.
Donc, lorsque vous implémentez une directive personnalisée en utilisant l'interface de ligne de commande angulaire,
, il va créer une directive pour vous.
Et puis vous remarquerez immédiatement que dans la directive,
vous utiliserez cette classe
décorateur de directive afin de convertir la classe en une directive et
nous rencontrerons une telle dans l'exercice qui suit.
De plus, avec le directeur, surtout lorsque vous utilisez des directives attributaires et
, vous voulez modifier n'importe quel élément utilisé dans vos modèles.
Une autre classe qui nous est utile est appelée ElementreF.
Ceci est également important à partir du code Angular, et ceci est injecté dans votre constructeur de directives
, écrit votre classe de directive.
Et puis cela vous permet d'accéder aux éléments DOM et
puis d'y apporter des modifications.
Donc, avec cette compréhension rapide de la façon dont vous pouvez créer des directives personnalisées,
regardons un exemple dans l'exercice qui suit cette conférence.
[MUSIQUE]