[解決済み] ハンドルを使った変数の受け渡し パーシャル
質問
現在、express.jsのアプリケーションでhandlebars.jsを扱っています。モジュラーを維持するために、私はすべてのテンプレートをパーシャルに分割しました。
私の問題 : パーシャル呼び出しで変数を渡す方法が見つかりませんでした。例えば、次のようなパーシャルがあるとします。
<div id=myPartial>
<h1>Headline<h1>
<p>Lorem ipsum</p>
</div>
このパーシャルを 'myPartial' という名前で登録したと仮定しましょう。そして、別のテンプレートで、次のように言うことができます。
<section>
{{> myPartial}}
</section>
これは問題なく動作し、パーシャルは期待通りにレンダリングされ、私は幸せな開発者です。しかし、私が今必要としているのは、例えば見出しが与えられているかどうかをパーシャルの中でチェックするために、この呼び出しを通して異なる変数を渡す方法です。次のようなものです。
<div id=myPartial>
{{#if headline}}
<h1>{{headline}}</h1>
{{/if}}
<p>Lorem Ipsum</p>
</div>
そして、呼び出しは次のようになります。
<section>
{{> myPartial|'headline':'Headline'}}
</section>
といった具合に
テンプレートをレンダリングする前に、必要なデータをすべて定義することができることは知っています。しかし、私はちょうど説明したようにそれを行う方法が必要です。可能な方法はありますか?
どのように解決するのですか?
ハンドルバーズパーシャルは、パーシャルのコンテキストとなる第2パラメータを取ります。
{{> person this}}
v2.0.0 alpha 以降では、名前付きパラメータのハッシュを渡すこともできます。
{{> person headline='Headline'}}
これらのシナリオのテストを見ることができます。 https://github.com/wycats/handlebars.js/blob/ce74c36118ffed1779889d97e6a2a1028ae61510/spec/qunit_spec.js#L456-L462 https://github.com/wycats/handlebars.js/blob/e290ec24f131f89ddf2c6aeb707a4884d41c3c6d/spec/partials.js#L26-L32
関連
-
jsを使った簡単な照明スイッチのコード
-
vueが定義するプライベートフィルタと基本的な使い方
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptでNULL、未定義、空白の変数をチェックする標準的な関数はありますか?
-
[解決済み] JavaScriptの変数のスコープとは何ですか?
-
[解決済み] オブジェクトをメンバーとして、プレーンなJavaScriptオブジェクトをループさせる方法
-
[解決済み] Node.jsで環境変数を読み込む
-
[解決済み] 部分テンプレートとテンプレートの複雑なネスト
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
vue+webrtc(Tencent cloud)ライブ機能の実践を実現するために
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
[解決済み] handlebars.js {{#if}}の条件における論理演算子