infinito - javascript for each

¿Manera de*ngPara el número de veces definido en el bucle en lugar de repetir sobre un arreglo?

Question

Esta pregunta ya tiene una respuesta aquí:

• Repita el elemento HTML varias veces usando ngFor basado en un número 8 respuestas

¿Hay una manera de * ngFor loop un número definido de veces en lugar de tener que iterar siempre sobre una matriz?

Por ejemplo, quiero que una lista se repita 5 veces, el bucle sería algo así en C #;

for (int i = 0; i < 4; i++){

}

Resultado deseado:

<ul>
   <li><span>1</span></li>
   <li><span>2</span></li>
   <li><span>3</span></li>
   <li><span>4</span></li>
   <li><span>5</span></li>
</ul>

Answer 1

Dentro de su componente, puede definir una matriz de números (ES6) como se describe a continuación:

export class SampleComponent {
  constructor() {
    this.numbers = Array(5).fill(0).map((x,i)=>i);
  }
}

Vea este enlace para la creación de la matriz: Prueba de manera de crear una matriz de enteros desde 1..20 en JavaScript .

Luego puedes iterar sobre esta matriz con ngFor :

@View({
  template: `
    <ul>
      <li *ngFor="let number of numbers">{{number}}</li>
    </ul>
  `
})
export class SampleComponent {
  (...)
}

O en breve:

@View({
  template: `
    <ul>
      <li *ngFor="let number of [0,1,2,3,4]">{{number}}</li>
    </ul>
  `
})
export class SampleComponent {
  (...)
}

Espero te ayude, Thierry

Editar: Se corrigió la declaración de relleno y la sintaxis de la plantilla.