使用Assemble.io前面部分干燥部分

时间:2014-06-05 01:41:27

标签: yaml dry templating assemble

我想知道如何使用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文件只是香蕉,苹果,橙子等东西的列表。

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

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

非常感谢社区的任何帮助,因为汇编具有一些非常好的功能。

谢谢!

1 个答案:

答案 0 :(得分:0)

好吧,所以......试图覆盖这样的数据是不行的,因为它对于如何组合上下文有一个严格的顺序。

谢天谢地,有人已经为我们所有人解决了这个问题。

这个(下面)是我的意思&#34;使用把手扩展页面&#34; ...它基本上使部分内容更加灵活。

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

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

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