如何使用在ejs中使用render传递的变量添加为CSS内联样式值?

时间:2019-07-30 07:21:32

标签: css node.js ejs

我需要传递背景颜色代码,以将其添加为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>

enter image description here 这是vs代码中的问题屏幕: This is the problems screen in vs code:

在上述问题中,我能够在结果html中打印该值,但无法将该值设置为主体的背景色。

有人可以帮忙吗?

1 个答案:

答案 0 :(得分: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>

this is the result into the browser