Sendgrid模板：如何动态更改文本颜色？

Question

使用 Sendgrid 动态模板，我试图弄清楚如何使用动态数据作为样式属性，以便我可以根据某些动态数据更改文本颜色。

在下面的示例中，我尝试使用动态数据

colorHash

（例如

#ddd

）作为样式颜色属性。但它似乎不起作用。因此，如果有人知道如何以智能方式动态更改文本颜色，我将不胜感激。

<p style="color: {{ colorHash }}">Ciao {{{ username }}}</p>

Answer 1

联系了sendgrid支持团队，他们告诉我如何实现我想做的事情。

将 css 作为动态数据传递到字符串中，而不仅仅是您想要使用的颜色哈希，因此您可以将其插入到动态模板 html 中的 style 属性中。

dynamic_data: {
   yourCSS: `color: ${yourDynamicColor};`
}

in template html,
<span style={{ yourCSS }}>Dynamic Color Text</span>

Answer 2

这对我有用

在测试数据中，

{
  color_code: "#ff0000"
}

在html模板中添加标签

<span style="color: {{color_code}}">Text goes here</span>