角2のコレクションをループする方法

Question

私には数字があり、その回数だけ繰り返す必要があります。

for (var _i = 0; _i < length; _i++) 

この構文と同様にhtmlテンプレートに実装したいと考えています。私はngForを使用する場合、私はコレクションを持っている必要がありますが、私はコレクションを持っていない、私はちょうど長さがあります。

Answer 1

あなたがコンポーネントに適切なサイズの配列を作成し、それを繰り返すことができます：FYI

@Component({ 
    selector: 'app-root', 
    template: ` 
    <ul> 
     <li *ngFor="let i of arr">foo</li> 
    </ul> 
    ` 
}) 
export class AppComponent { 
    arr = new Array(10); // let's say 10 is your number 
} 

、私はテンプレートに直接配列を宣言しようとしたが、それは動作しません：

<ul> 
    <li *ngFor="let i of new Array(10)">foo</li> 
</ul>