在Sendgrid Design模板中,如何对表使用车把迭代?

rek*_*kam 5 sendgrid handlebars.js sendgrid-templates

我正在使用带有模块“代码”的SendGrid在线“设计”模板。

他们在他们的文档(https://sendgrid.com/docs/ui/sending-email/editor/#code-modules)中说,代码编辑器不会修改或验证任何HTML

如果我在代码模块中编写这段代码:

<ul>
{{#each items}}
    <li>test</li>
{{/each}}
</ul>
<table>
<tbody>
{{#each items}}
    <tr>
        <td>Col 1</td>
        <td>Col 2</td>
    </tr>
{{/each}}
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

结果是:

<ul>
{{#each items}}
    <li>test</li>
{{/each}}
</ul>
{{#each items}}{{/each}}
<table>
<tbody><tr>
        <td>Col 1</td>
        <td>Col 2</td>
    </tr></tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

我们可以看到该{{each}}函数在的正确位置保留ul,但是从的内部删除了table。这是暂时的错误吗?我该如何进行简单的操作?

谢谢你的帮助

Tan*_*ong 8

我发现了一种无记录的方法可以使此工作。您将需要each像这样注释掉助手:

<table>
<tbody>
<!-- {{#each items}} -->
    <tr>
        <td>Col 1</td>
        <td>Col 2</td>
    </tr>
<!-- {{/each}} -->
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)