Angular 2: cómo escribir un bucle for, no un bucle foreach

El tutorial o código que encontrarás en este artículo es la resolución más eficiente y efectiva que hallamos a tu duda o dilema.

Solución:

Podrías generar dinámicamente un array de cualquier tiempo que quisieras renderizar

Something

y luego hacer ngFor sobre esa colección. También podrías aprovechar index del elemento actual también.

Margen

   

      currentElementIndex Something
   

Código

createRange(number)
  var items: number[] = [];
  for(var i = 1; i <= number; i++)
     items.push(i);
  
  return items;

Demostración aquí

Bajo el capó angular desazucarado esto *ngFor sintaxis para ng-template versión.

    
      currentElementIndex Something
    

Puedes hacer ambas cosas en una si usas index

Something  index 

Las propiedades del índice le dan el número de iteración.

Versión en vivo

Si te mola la idea, puedes dejar una reseña acerca de qué te ha gustado de esta división.

---

---

Utiliza Nuestro Buscador