重复使用具有不同数据的车把和帕尼尼零件
reusing handlebars & panini partials with different data
我有很多 'building blocks' 我自己创建的,可以在模板化网站时使用,我想知道如何使用 Panini 在同一页面上重复使用部分内容,不同的数据。
举例来说,我有一个部分基本上添加了一个 h1 标签,后跟一个 p 标签,但我希望每次都能够在同一页面上使用不同的数据重复使用相同的部分。
这是例如部分文件的内容;
<h1> {{ h1Header }}</h1>
<p> {{ pParagraph }} </p>
索引文件中的Frontmatter数据;
---
h1Header: Hello!
pParagraph: This is some text.
---
这就是调用局部函数;
{{> partial }}
除非我正在做一些根本错误的事情,否则我现在使用它的方式意味着我必须为每个可能的结果创建几个不同的部分。
我想知道是否有某种发送参数等的方法。如果有人能用最简单的例子为我指明正确的方向,只是为了让我了解我能做什么以及要研究什么,我'不胜感激
您可以将数据传递给您的部分,将上下文或参数传递给您的部分。根据 the manual.
,您可以在每次渲染部分时传递不同的数据
有一个名为 test
的部分:
<h1>{{foo}}</h1>
您可以使用特定数据渲染它:
{{> test foo="bar"}}
{{> test foo="foobar"}}
结果是
<h1>foo</h1>
<h1>foobar</h1>
我有很多 'building blocks' 我自己创建的,可以在模板化网站时使用,我想知道如何使用 Panini 在同一页面上重复使用部分内容,不同的数据。
举例来说,我有一个部分基本上添加了一个 h1 标签,后跟一个 p 标签,但我希望每次都能够在同一页面上使用不同的数据重复使用相同的部分。
这是例如部分文件的内容;
<h1> {{ h1Header }}</h1>
<p> {{ pParagraph }} </p>
索引文件中的Frontmatter数据;
---
h1Header: Hello!
pParagraph: This is some text.
---
这就是调用局部函数;
{{> partial }}
除非我正在做一些根本错误的事情,否则我现在使用它的方式意味着我必须为每个可能的结果创建几个不同的部分。
我想知道是否有某种发送参数等的方法。如果有人能用最简单的例子为我指明正确的方向,只是为了让我了解我能做什么以及要研究什么,我'不胜感激
您可以将数据传递给您的部分,将上下文或参数传递给您的部分。根据 the manual.
,您可以在每次渲染部分时传递不同的数据有一个名为 test
的部分:
<h1>{{foo}}</h1>
您可以使用特定数据渲染它:
{{> test foo="bar"}}
{{> test foo="foobar"}}
结果是
<h1>foo</h1>
<h1>foobar</h1>