15.06.2018 Views

Anglar6 tutorial

A tutorial for Angular6. Please have a look to the Github repository NGNews6.

A tutorial for Angular6. Please have a look to the Github repository NGNews6.

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

é<br />

Angular<br />

© Gérald Abbadie 2018<br />

L'ensemble des événements de Javascript sont exploitables avec cette syntaxe. Par exemple :<br />

Faire<br />

apparaître une étiquette et faire une action<br />

Ici le bouton appellera la méthode confirme() dans le composant auquel il est attaché et générera<br />

des événements sur le over et le out (changement de la valeur visible du composant).<br />

En parallèle, il est possible d'insérer plusieurs traitements sur un même événement :<br />

<br />

{{valeur}}<br />

<br />

La balise n'est incrite dans le DOM que lorsque la condition est réalisée. ngShow et ngHide ne<br />

jouent que sur la fonction display d’une balise :<br />

Des boucles<br />

<br />

{{obj.titre}}<br />

<br />

*ngFor... of : une boucle sur un objet ou un tableau/ Par exemple nous pouvons dupliquer une<br />

balise en fonction d’un tableau d’objets :<br />

<br />

{{obj.titre}}<br />

<br />

A l’intérieur de ces boucles peuvent s’appliquer des Pipes (cf. ci-dessous) ou un index :<br />

<br />

{{i}} - {{obj.titre}}<br />

<br />

17

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!