javascript - 我可以将相同的dust.js 模块与不同的部分一起使用吗？

Question

我正在尝试使用dust.js 模板功能来渲染一些html。我制作了一个模型，它呈现一个按钮并将 href 和文本作为部分内容。

{>"modules/Button/Button.tl"/}
        {<button_link}
            some url
        {/button_link}
        {<button_text}
            some text
        {/button_text}

诀窍是我希望这段代码重复 3 次，因为我有 3 个不同的按钮。问题是，当渲染时，Dust 会用最终的 href 和按钮填充所有部分。因此，所有 3 个按钮看起来完全相同，但这不是我想要的。

有人可以帮助我吗？如何多次渲染同一个模块。

PS:我可以制作一个同时呈现所有 3 个按钮的模块。但我想稍后重用该模块以在另一个页面中呈现单个按钮。我想避开这个解决方法。

Answer 1

您可以创建一个接受参数的部分(您称之为“模块”)，然后您可以根据需要多次使用该部分，并使用不同的值:

{>"modules/Button/Button.tl" button_link="some/url" button_text="some text" /}

部分定义如下所示:

<a href=button_link class="button">{button_text}</a>

引用:http://www.dustjs.com/guides/partials/和 http://www.dustjs.com/docs/syntax/#partial