如何使用在 ejs 中使用渲染传递的变量添加为 css 内联样式值？答案

【问题标题】：How can i use a variable passed using render in ejs to be added as a css inline style value?如何使用在 ejs 中使用渲染传递的变量添加为 css 内联样式值？
【发布时间】：2019-07-30 21:40:03
【问题描述】：

我需要传递一个背景颜色代码，作为 ejs 代码中的内联背景颜色样式属性添加。

我正在传递如下颜色代码：

在main-controller.js:

  let primaryColor = 'red';
  ejs.renderFile("views/myfile.ejs", {primaryColor, path: '/' }

在myfile.ejs：

<html>
      <body style="height:100px;width:100px;background-color: 
       <%=primaryColor%>">
       <%=primaryColor%>
      </body>
</html>

这是 vs 代码中的问题屏幕：

在上述问题中，我可以在生成的 html 中打印值，但不能将值设置为正文的背景色。

有人可以帮忙吗？

【问题讨论】：

标签： css node.js ejs

【解决方案1】：

这在我的机器上运行。

我正在使用 express 和 ejs 包。

试试这个：

app.get('/', function(req, res) {
  let c = 'red';
  res.render("./main.ejs", { c, path: '/' });  
});

<html>
  <body style="height:100px;width:100px;background-color:<%= c %>;">
    <h1>
      <%= c %>
    </h1>
  </body>
</html>

【讨论】：

感谢您的回复。但这不是问题。我已经更新了在“样式”属性中给出语法时得到的变量和错误。
您提供的解决方案没有绑定值。能否请您提出其他替代方案？
还是没有运气。我尝试了这些选项。背景颜色本身没有与宽度和高度等其他样式一起显示
感谢@niccord 抽出宝贵时间。现在它工作正常。 Donno 为什么它没有早点反映。 :-D
也许res.render 比ejs.renderFile 更好:)