[解決済み] [Solved] Handlebars/Mustache - オブジェクトのプロパティをループする内蔵の方法はありますか?
2022-04-07 13:06:18
質問
質問のタイトルにあるように、ヒゲ/ハンドルバーで オブジェクト のプロパティを教えてください。
ということは
var o = {
bob : 'For sure',
roger: 'Unknown',
donkey: 'What an ass'
}
それから、次のようなことは可能ですか? テンプレートエンジンで と同等である。
for(var prop in o)
{
// with say, prop a variable in the template and value the property value
}
?
解決方法は?
Handlebars 1.0rc1からの内蔵サポート
この機能のサポート が追加されました。 をHandlebars.jsに追加したので、外部ヘルパーはもう必要ありません。
使用方法
配列の場合
{{#each myArray}}
Index: {{@index}} Value = {{this}}
{{/each}}
オブジェクトの場合。
{{#each myObject}}
Key: {{@key}} Value = {{this}}
{{/each}}
を渡すプロパティのみであることに注意してください。
hasOwnProperty
テストが列挙されます。
関連
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptでオブジェクトのキー/プロパティの数を効率的にカウントする方法
-
[解決済み] オブジェクトをメンバーとして、プレーンなJavaScriptオブジェクトをループさせる方法
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] JavaScriptオブジェクトのプロパティを一覧表示するには?
-
[解決済み】Handlebarsの'each'ループで親のプロパティにアクセスする
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み】SyntaxError: ChromeのJavascriptコンソールでUnexpected Identifierが発生する。
-
[解決済み】Reactのeslintエラーはpropsの検証で見つからない
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】エラー:リクエストのエンティティが大きすぎる
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】FirefoxでGoogle Maps V3をリモートで使用すると「googleが定義されていません」と表示される。
-
[解決済み】ES6マップオブジェクトをソートすることは可能ですか?
-
[解決済み】Vueが定義されていない
-
[解決済み] Handlebars 用のオブジェクトを繰り返し処理する?重複