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.
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