Путь к * ngFor задает определенное количество раз вместо повторения массива?

Есть ли способ для цикла * ngFor задать определенное количество раз вместо того, чтобы всегда выполнять итерацию по массиву?

Например, я хочу, чтобы список повторялся 5 раз, цикл был бы таким же, как в С#;

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

}

Желаемый результат:

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

Ответы

Ответ 1

Внутри вашего компонента вы можете определить массив числа (ES6), как описано ниже:

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

См. эту ссылку для создания массива: Tersest способ создания массива целых чисел от 1..20 в JavaScript.

Затем вы можете перебрать этот массив с помощью ngFor:

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

Или коротко:

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

Надеюсь, это поможет вам, Thierry

Изменить: Исправлен оператор заполнения и синтаксис шаблона.