[解決済み] Handlebars.jsを使った基本的なforループの反復処理
2022-02-11 11:57:22
質問
Handlebars.jsを使い始めたばかりの初心者です。ほとんどの例は、オブジェクトに対するイテレーションに基づいています。基本的なforループでhandlebarsを使用する方法を知りたいと思いました。
例
for(i=0 ; i<100 ; i++) {
create li's with i as the value
}
どうすれば実現できるのか?
どのように解決するのか?
Handlebarsにはこのためのものはありませんが、独自のヘルパーを簡単に追加することができます。
単に何かをしたいだけなら
n
回なら。
Handlebars.registerHelper('times', function(n, block) {
var accum = '';
for(var i = 0; i < n; ++i)
accum += block.fn(i);
return accum;
});
そして
{{#times 10}}
<span>{{this}}</span>
{{/times}}
もし、全体が
for(;;)
をループさせると、こんな感じになります。
Handlebars.registerHelper('for', function(from, to, incr, block) {
var accum = '';
for(var i = from; i < to; i += incr)
accum += block.fn(i);
return accum;
});
そして
{{#for 0 10 2}}
<span>{{this}}</span>
{{/for}}
関連
最新
-
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 実装 サイバーパンク風ボタン