在 Sendgrid 设计模板中，table 如何使用 handlebar 迭代？

Question

我正在使用带有模块 "code" 的 SendGrid 在线 "Design" 模板。

在他们的文档 (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

我遇到了同样的问题。绝对是设计编辑器中的错误。我的解决方法是：

使用设计编辑器设计电子邮件样式。
导出HTML.
返回并使用 'Code Editor' 而不是 'Design Editor' 创建新版本的交易电子邮件。
粘贴之前导出的HTML。
找到需要 {{each}} 循环的 table 并按照您所做的那样放置函数。

Answer 2

我找到了一种未记录的方法来实现它。您需要像这样注释掉 each 助手：

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

在 Sendgrid 设计模板中，table 如何使用 handlebar 迭代？

In Sendgrid Design template, how to use handlebar iteration for table?

sendgrid

handlebars.js

sendgrid-templates