javascript - 将数组传递到 Handlebars 部分以创建列表

Question

我正在尝试将数组传递到 Handlebars 部分以在模板中创建无序列表。

这是我希望能起作用的语法。

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

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

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

不幸的是，这不起作用，并且输出了一个空列表。

为了解决这个问题，我使用了 ParseJSON block 助手，它确实有效，但似乎不是正确的处理方法。

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

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

Answer 1

我认为它应该像这样工作:

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

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

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