Découvrir Angular 2

Définir l'objet évènement

Testez gratuitement nos 1302 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Lorsque vous utiliser un évènement, il peut être intéressant d'avoir toutes les informations sur ce qu'il s'est passé. L'objet d'évènement est fait pour cela.
03:25

Transcription

Cliquez sur GetDetails, ici, cela recharge la page. comment est-ce qu'on pourrait prévenir ce genre de comportement ? Si vous avez déjà fait du JavaScript et j'imagine que oui, si vous suivez cette formation, vous savez que sur tous les évènements, il y un objet d'évènements avec lequel on peut interagir. Cet objet d'évènement en Angular, on a la possibilité de le récupérer. Il suffira ici, dans votre méthode, de rajouter un paramètre qui sera auto-complété et constituera l'évènement Event. Alors attention hein ! c'est pas Events mais bien Event. Cet objet Event, vous allez pouvoir interagir avec, faire pas mal de choses. Ce qu'on va voir dans un premier temps, c'est comment on le récupère. Bien ! c'est simple, dans votre méthode, ici, vous allez le récupérer avec Event. Alors, si vous voulez être certain que ce paramètre là sera bien un objet évènement, vous pouvez très facilement le typer. On peut, ici, rajouter un type Event, vous verrez qu'ici, on a une interface : l'interface Event. On va la rajouter, et ensuite on pourra interagir. Cela permettra de prévenir les mauvais passages. On verra juste après que cela c'est une garantie en plus. Maintenant on va voir ce que contient cet Event. On va faire un Console.log de Event. Alors attention ! cela dit, je vous conseille ici, de cliquer sur le Preserve log qu'on a dans Chrome permettant au rechargement de garder les informations affichées dans la console. On va maintenant cliquer et on va se rendre compte, on a maintenant ici, un évènement que l'on peut voir à cet endroit là qui est un *Mouse Event, un évènement souris : la souris à cliquer sur le lien. Donc qu'est ce que je peux faire maintenant avec cet évènement. C'est facile : on va pouvoir ici, faire un Event.PreventDefault. Si vous connaissez PreventDefault, en JavaScript, c'est la même chose. On peut faire un PreventDefault pour éviter d'avoir le rechargement de pages. Et donc on va annuler le comportement par défaut de l'élément sur lequel on a cliqué. On a énormément de choses que l'on peut faire avec l'interface, ici, Event. Vous pourrez aller la regarder. N'hésitez pas à regarder à chaque fois ce qui est disponible dans les différentes interfaces, Class, etc. Parce que vous allez en apprendre pas mal. Si je fais cela, c'est génial ! du coup, cela ne va plus recharger la page. Je peux vider ma console et enlever le Preserv log. Car de toute façon, cela ne va pas recharger la page, il n'y a pas de problème. Il n'y aura plus de consoles.log, par contre ; on l'a enlevé. Si vous voulez le garder, vous pouvez tout à fait le remettre. Un Consol.log de Event, comme cela. Et puis, vous attendez que cela recompile, généralement, cela est assez rapide. Une fois que c'est fini de Loader, on pourra cliquer effectivement. On verra bien que la page ne se recharge plus, et on a accès à l'évènement pour voir ce qu'il y a dessus. Qu'est ce qui se passe ici, si au lieu de passer à l'Event, je passe une String, une String test. Eh bien, vous allez voir qu'effectivement ça va crier ! On va vous dire que cela n'est pas possible. Vous n'avez pas le droit de faire cela ; déjà, cela recharge la page, donc préserver le Log pour voir l'erreur. Vous ne pouvez pas faire ca car on s'attend vivement à un objet Event et vous aurez une erreur. Faites bien attention ! essayez de typer à chaque fois. Ça permet d'éviter des erreurs, ça arrive, on fait tous des petites erreurs de code. Cela vous permettra de garantir un peu plus. On a un objet Event, et on va pouvoir faire des choses avec cet objet Event.

Découvrir Angular 2

Prenez en main toute la puissance du framework AngularJS. Exploitez ses fonctionnalités, et développez rapidement des applications web robustes et performantes !

2h50 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :6 sept. 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 !