将数组传递到把手部分以创建列表

时间:2016-11-02 16:50:35

标签: javascript handlebars.js assemble

我试图将数组传递到车把部分以在模板中创建无序列表。

这是我希望可以使用的语法。

{{> message
    title="This is a title"
    bullet="{'Item 1','Item 2','Item 3'}"
    button="View"
}}

然后我希望循环遍历数组会将每个项目输出为列表项

{{#each bullet}}
    <li>{{ this }}</li>
{{/each}}

不幸的是,它没有工作,输出了一个空列表。

为了解决这个问题,我使用了ParseJSON块帮助器,它可以正常工作,但似乎不是正确的方法。

{{#parseJSON '{"list":["Item 1","Item 2","Item 3"]}'}}
    {{> message
        title="This is a title"
        button="View"
    }}
{{/parseJSON}}

有人知道更好的解决我的问题的方法吗?

1 个答案:

答案 0 :(得分:-1)

我认为它应该是这样的:

{{> message {title: "This is a title", bullet: ['Item 1','Item 2','Item 3'], button: "View"} }}

现在第二个参数({title: ... })是消息模板的上下文。在消息模板中,您可以为每个循环使用项目符号数组:

{{#each bullet}}
    <li>{{ this }}</li>
{{/each}}