1

我想知道如何使用 Assemble 制作可重用的 html 部分。

我想做的只是简单地覆盖引用我想要的组件的新模板的前端。见下文:

下面是 my-list.hbs(参考 my-list.yml)

    ---
    horiz-list: "<%= my-list %>"
    ---
    {{> horiz-list}}

下面是horiz-list.hbs(参考horiz-list.yml)

   <ul class="horiz-list">
     {{#each horiz-list}}
     <li>{{.}}</li>
     {{/each}}
   </li>

Yml 文件只是诸如香蕉、苹果、橙子之类的东西的列表。

我认为这会奏效,但事实并非如此。

注意:到目前为止,我看到的关于可重用组件的唯一一件事是堆栈溢出,它谈到了使用把手扩展页面,但今天早上我找不到,当我读到它时,似乎没有就像一个直接的过程。

鉴于 assemble 具有一些非常好的功能,我们将不胜感激来自社区的任何帮助。

谢谢!

4

1 回答 1

0

好的,所以...试图覆盖这样的数据是行不通的,因为它对上下文的组合方式有严格的顺序。

值得庆幸的是,有人已经为我们所有人解决了这个问题。

这(下)是我所说的“使用把手扩展页面”的意思......它基本上使部分上下文中的数据更加灵活。

https://github.com/albogdano/handlebars-helper-mdpartial

还有一个节点包可以使用它来放置所有部分的密钥,并增加更多的灵活性。

https://www.npmjs.org/package/assemble-partial-data

于 2014-06-18T18:50:28.987 回答