handlebars.js - 在 Sendgrid Design 模板中，如何对表格使用把手迭代？

Question

我正在使用带有模块“代码”的 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>

结果是：

<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>

我们可以看到该{{each}}函数保留在 的正确位置ul，但从 内部删除table。这是一个临时错误吗？我该如何做这个简单的操作？

谢谢你的帮助

Answer 1

我找到了一种无证的方法来实现这一点。您需要像这样注释掉each助手：

<table>
<tbody>
<!-- {{#each items}} -->
    <tr>
        <td>Col 1</td>
        <td>Col 2</td>
    </tr>
<!-- {{/each}} -->
</tbody>
</table>

Answer 2

我得到同样的问题。绝对是设计编辑器中的一个错误。我的工作是：

1. 使用设计编辑器为电子邮件设置样式。
2. 导出 HTML。
3. 返回并使用“代码编辑器”而不是“设计编辑器”创建新版本的交易电子邮件。
4. 粘贴之前导出的 HTML。
5. 找到需要 {{each}} 循环的表并完全按照您的方式放置函数。