1. ホーム
  2. angular

Angular 2:foreachループではなく、forループの書き方

2023-08-28 05:32:01

質問内容

Angular 2を使用して、テンプレート内の行を複数回複製したい。オブジェクトを繰り返し処理するのは簡単です。 *ngFor="let object of objects" . しかし、私は単純な for ループではなく foreach ループではありません。のようなものです(擬似コード)。

{for i = 0; i < 5; i++}
  <li>Something</li>
{endfor}

どうすればいいのでしょうか?

どのように解決するのですか?

を渡すと、指定した数のエントリーを持つ空の配列をインスタンス化することができます。 int を渡すと Array のコンストラクタに渡して、それを ngFor .

コンポーネントコードで:

export class ForLoop {
  fakeArray = new Array(12);
}

テンプレートで:

<ul>
  <li *ngFor="let a of fakeArray; let index = index">Something {{ index }}</li>
</ul>

インデックスプロパティで反復回数を知ることができます。

ライブバージョン