0
私は、動的部分を渡すためにハンドルバーのルックアップ機能を使用しようとしていますが、それは私にとってはあまり効果がありません。ハンドルバーの部分変数に変数を渡すにはどうすればいいですか?
私のデータは次のとおりです。 {{> graphic/about}}
、{{> graphic/when}}
、および{{> graphic/where}}
私は、動的部分を渡すためにハンドルバーのルックアップ機能を使用しようとしていますが、それは私にとってはあまり効果がありません。ハンドルバーの部分変数に変数を渡すにはどうすればいいですか?
私のデータは次のとおりです。 {{> graphic/about}}
、{{> graphic/when}}
、および{{> graphic/where}}
あなたの場合:基本的に私のように解決するために、ルックアップを希望
{{#each copy.sections}}
<section class='section' id='section-{{this}}' aria-labelledby='hed-{{this}}'>
<h2 class='section__hed' id='hed-{{this}}'>{{this}}</h2>
{{> graphic/(lookup . 'this') }} // Need to render this dynamically
</section>
{{/each}}
:
{
"sections": [
"about",
"when",
"where"
]}
テンプレートがどのように見えますデータは:
var copy = {
"sections": [
"about",
"when",
"where"
]};
あなただけ{{#each sections }}
代わりの{{#each copy.sections}}
を指定する必要があります。
{{#each sections}}
<section class='section' id='section-{{this}}' aria-labelledby='hed-{{this}}'>
<h2 class='section__hed' id='hed-{{this}}'>{{this}}</h2>
graph/{{ this }}
</section>
{{/each}}
私はあなたのコード{{> graphic/(lookup . 'this') }}
外の意味を作ることができなかった、それは有効な構文を持っていないので、私はあなたがやろうとしているものと仮定graph/{{ this }}
です。
私はこれがまさに私が探しているものだとは思わない。 JSONファイルから 'copy.sections'を使う必要があります。データを取り込むために' gulp-hb'を使っています(コピーパーツのファイルを指定する必要があります)。私は動的部分を使用しようとしています。だから私はそれが自分の部分的なものとして解決する必要があります。たとえば、それぞれをループして配列の最初の要素にヒットすると、 '{{graphic} /}}'となり、その部分が引き出されます。 – user5067101
投稿を編集して、より完全なデータ構造と問題の明確化を提供してください。私の答えは、あなたがデータ変数の名前を推測して示したものに基づいています。 – hcheung
もう1つ、jsonファイルから読み込んだ場合、jsonファイル名は何ですか? jsonファイルの名前がmydata.jsonの場合、構文では{{{> mydata mydata.sections}} 'となります。これは、あなたが提供したものから意味をなさない部分です。データ構造に 'グラフィック 'に関連するものがないからです。 – hcheung