[解決済み] Handlebarsでオブジェクトの配列を反復処理する方法は?
2022-03-13 08:07:30
質問
くだらない質問かもしれませんが、どこにも答えがないようです。
私は、JSON形式のオブジェクトの配列を返すこのWeb APIを叩いています。
Handlebarsのドキュメントでは、以下のような例が示されています。
<ul class="people_list">
{{#each people}}
<li>{{this}}</li>
{{/each}}
</ul>
という文脈で。
{
people: [
"Yehuda Katz",
"Alan Johnson",
"Charles Jolley"
]
}
私の場合、配列に名前を付けておらず、単にレスポンスのルートオブジェクトになっています。私は
{{#each}}
を使用することができますが、うまくいきません。
ハンドルネームを初めて使う・・・。何が足りないのでしょうか?
アップデイト
以下は、私が質問していることを示すための簡略化したフィドルです。 http://jsfiddle.net/KPCh4/2/
ハンドルネームは、コンテキスト変数が配列ではなく、オブジェクトであることが必要ですか?
どのように解決するのですか?
を渡すことができます。
this
を各ブロックに追加します。こちらをご覧ください。
http://jsfiddle.net/yR7TZ/1/
{{#each this}}
<div class="row"></div>
{{/each}}
関連
-
[解決済み] Bashで配列をソートする方法
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] 配列からArrayListを作成する
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み】TypeScriptで複数の型を持つ配列を定義する
-
[解決済み】JSONのオブジェクトの配列をYAMLで表現したもの
-
[解決済み】配列/配列リストよりリンクリストを使用するのはいつ?
-
[解決済み】240以上の要素を持つ配列に対してループ処理を行うと、パフォーマンスに大きな影響があるのはなぜですか?
最新
-
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 実装 サイバーパンク風ボタン