重复使用把手&不同数据的panini部分

时间:2018-02-12 15:16:24

标签: html css handlebars.js zurb-foundation

我有很多'积木'我在模仿网站时创建了自己创建的内容,并且我想知道如何使用Panini在同一页面上重复使用不同数据的部分内容。

比如说我有一个部分,它基本上添加了一个h1标签,后跟一个单独的p标签,但我希望能够在同一页面上重复使用相同的部分,每次都有不同的数据。

这是部分文件的内容,例如;

<h1> {{ h1Header }}</h1>
<p> {{ pParagraph }} </p>

索引文件中的Frontmatter数据;

---
h1Header: Hello!
pParagraph: This is some text.
---

这可以将部分称为行动;

{{> partial }}

除非我做出根本性的错误,否则我现在使用它的方式意味着我必须为每种可能的结果创建几个不同的部分。

我想知道是否有某种方式发送论据等。如果有人可以指出我正确的方向,即使是最简单的例子,只是为了了解我能做什么以及看什么我会&#39;不胜感激。

1 个答案:

答案 0 :(得分:1)

您可以将数据传递给您的部分,将上下文或参数传递给您的部分。根据{{​​3}}。

,您可以在每次渲染部分时传递不同的数据

部分名为test

<h1>{{foo}}</h1>

您可以使用特定数据进行渲染:

{{> test foo="bar"}}
{{> test foo="foobar"}}

结果是

<h1>foo</h1>
<h1>foobar</h1>