Dans le cours : Angular : Les services et les web services

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 25 600 cours dispensés par des experts.

Afficher les données avec Renderer

Afficher les données avec Renderer - Tutoriel Angular

Dans le cours : Angular : Les services et les web services

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Afficher les données avec Renderer

“

Ce qui serait intéressant dans la poursuite de votre apprentissage, ce serait Renderer2. Renderer, il a pour but d'animer, de modifier ou même d'ajouter des éléments HTML, donc, du DOM, depuis TypeScript, et, par exemple, de créer des directives qui seront réutilisables sur n'importe quel élément de votre HTML. Voyons ensemble comment créer une directive. Pour cela, créez un nouveau dossier directives. Ouvrez-le dans un terminal et faites « ng g d animate » ; d fait référence à directives. Une fois le fichier créé, vous pouvez l'ouvrir, et on peut, dans son constructeur, faire une injection de renderer qui sera de type Renderer2. On aussi rajouter « el » de type ElementRef, qui fera donc référence à un élément de votre DOM et pour savoir quand est-ce qu'il va agir, on va faire appel à HostListener sur du click. Il faut qu'on crée une fonction qu'on appellera simplement « action ». HostListener va dire, lorsqu'il détecte un clic, il déclenchera notre fonction action qui aura pour but…

Table des matières