Outils du site
() Il se dessine de façon tangible, dans votre génération qui monte, mon camarade, une espèce d'ambition glacée d'arriver par le fric et un mépris cynique de tous les idéaux assez peu compatible avec l'idée qu'on se fait de la jeunesse éternelle génératrice de fougues irréfléchies et de colères gratuites. [Pierre Desproges]
56-tools:angular
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédente | |||
| 56-tools:angular [2018/04/08 20:45] – [*ngIf] Roge | 56-tools:angular [2018/04/08 20:48] (Version actuelle) – [*ngFor] Roge | ||
|---|---|---|---|
| Ligne 108: | Ligne 108: | ||
| </ | </ | ||
| - | ==== *ngFor | + | ==== ngSwitch |
| Micro code: | Micro code: | ||
| < | < | ||
| - | <div *ngFor="let hero of heroes; let i=index; let odd=odd; trackBy: trackById" [class.odd]="odd"> | + | < |
| - | | + | < |
| + | < | ||
| + | | ||
| + | < | ||
| </ | </ | ||
| </ | </ | ||
| Ligne 119: | Ligne 122: | ||
| Equivalent full syntax: | Equivalent full syntax: | ||
| < | < | ||
| - | < | + | <div [ngSwitch]=" |
| - | <div [class.odd]="odd">({{i}}) {{hero.name}}</div> | + | |
| - | </ | + | < |
| + | </ | ||
| + | < | ||
| + | <app-sad-hero [hero]="hero"></ | ||
| + | </ | ||
| + | < | ||
| + | <app-confused-hero | ||
| + | | ||
| + | < | ||
| + | < | ||
| + | | ||
| + | </div> | ||
| </ | </ | ||
| ===== Input and Output properties ===== | ===== Input and Output properties ===== | ||
Dernière modification : 2018/04/08 20:45