Diferencias

Muestra las diferencias entre dos versiones de la página.

--- wiki2:angular:specifics [2016/07/13 11:52]
alfred [Templates]
+++ wiki2:angular:specifics [2020/05/09 09:25] (actual)
@@ Línea 86: / Línea 86: @@
 <input [(ngModel)]="currentHero.firstName">
 </code>
+==== Clausulas ====
+Hay clausulas ( :!: precedidas por ''*'') que permiten el render de la vista en bucle o condicional:
+<code>
+<li *ngFor="let hero of heroes">
+  <span class="badge">{{hero.id}}</span> {{hero.name}}
+</li>
+</code>
+El * para ''ngFor'' indica que el elemento <li> (y sus hijos) son una template. ''ngFor'' itera sobre los heroes devueltos por AppComponent.heroers y los añade a la template. El código entre comillas indica "coger cada hero en el array de heores, guardarlo en la variable hero y permitir su acceso desde ese elemento". El keyword led indica que hero es una variable de entrada.
+=== ngFor ===
+<code>
+<div *ngFor="let hero of heroes">{{hero.fullName}}</div>
+<div *ngFor="let hero of heroes; let i=index">{{i + 1}} - {{hero.fullName}}</div>
+</code>
+=== ngForTrackBy ===
+=== ngIf ===
+=== ngSwitch ===

Programming