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

时间:2018-12-04 13:38:03

标签: handlebars.js sendgrid 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>

它导致:

<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内部删除了。这是暂时的错误吗?我该怎么做这个简单的操作?

感谢您的帮助

2 个答案:

答案 0 :(得分:0)

我遇到同样的问题。绝对是设计编辑器中的错误。我的工作是: ->使用设计编辑器设置电子邮件样式 ->导出HTML ->返回并使用“代码编辑器”而不是“设计编辑器”创建新版本的交易电子邮件 ->粘贴在以前导出的HTML中 ->找到需要{{each}}循环的表,并按照您的原样放置函数

答案 1 :(得分:0)

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

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