어레이를 반복하는 대신 정의된 횟수만큼 루프하는 방법은 무엇입니까?

어레이를 반복하는 대신 정의된 횟수만큼 루프하는 방법은 무엇입니까?

이 질문에는 이미 다음과 같은 답이 있습니다.

숫자를 기준으로 ngFor를 사용하여 HTML 요소를 여러 번 반복합니다. (15개 답변)

마감됨7년 전에.

배열을 항상 반복하는 대신 정의된 횟수만큼 *ngFor 루프하는 방법이 있습니까?

예를 들어, 저는 목록이 5번 반복되기를 원하는데, 루프는 C#;와 유사합니다.

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>

구성 요소 내에서 아래 설명된 대로 숫자 배열(ES6)을 정의할 수 있습니다.

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

어레이 생성에 대한 자세한 내용은 다음 링크를 참조하십시오.1에서 정수 배열을 만드는 테스터 방법.자바스크립트로 20.

그런 다음 이 어레이를 사용하여 반복할 수 있습니다.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 {
  (...)
}

도움이 되길 바래, 티에리

편집: 채우기 문 및 템플릿 구문을 수정했습니다.

언급URL : https://stackoverflow.com/questions/34405878/way-to-ngfor-loop-defined-number-of-times-instead-of-repeating-over-array