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>
インデックスプロパティで反復回数を知ることができます。
関連
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み] Angularプロジェクトごとに生成される膨大な数のファイル
-
[解決済み】Angularを使用してデータ属性を記述するにはどうすればよいですか?
-
[解決済み] コンポーネントクラスからテンプレート参照変数にアクセスする
-
[解決済み] 簡単なパイプで小数点以下2桁に制限する
-
[解決済み] Angular2のテーブル行をコンポーネント化
-
[解決済み] angularで1つの要素に複数のテンプレートバインディングを適用する方法 [重複].
-
[解決済み] Angular6でパスワードの検証を確認する [重複]。
-
[解決済み] Angular2 ルーターがクエリ文字列を保持する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ng serve がファイルの変更を自動的に検出しない
-
[解決済み] Angular 4/5/6 グローバル変数
-
[解決済み] dataSource' は 'table' の既知のプロパティではないので、バインドできません。
-
[解決済み] AngularでFormArrayからすべての項目を削除する
-
[解決済み] Reactive Forms - フィールドをタッチしたものとしてマークする
-
[解決済み] 64進数の文字列を角(2+)でエンコードおよびデコードする。
-
[解決済み] Angular 4.3 - HttpClient set params
-
[解決済み] Typescriptで文字列をbooleanに変換する方法 Angular 4
-
[解決済み] Angular : ルートへの手動リダイレクト
-
[解決済み] APIレスポンスからレスポンスヘッダを読み取る - Angular 5 + TypeScript