如何在EJS Node Express中将一个变量值使用到另一个变量中

Question

<% var percentage = (data.skills[i].rating / 10) * 100 %>
<div class="progress">
<% var style = `style=width: percentage%` %>
<div class="progress-bar color-1" role="progressbar" aria-valuenow="%= percentage %>"
aria-valuemin="0" aria-valuemax="10" <%= style %>>
<span><%= percentage %>%</span>
</div>
</div>

Answer 1

您需要使用<%-来处理未转义的字符串，而不是使用<%=来处理样式<%- style %>。

你在%=前面忘了一个<，这里是aria-valuenow="%= percentage %>

此外，我不确定你认为style=width: percentage%会做什么，因为percentage%只是一个字符串，不会被ejs引擎取代。

因此，正确的代码应该如下所示：

<% var percentage = (5 / 10) * 100 %>
<div class="progress">
<% var style = `style="width: ${percentage}px"` %>
<div class="progress-bar color-1" role="progressbar" aria-valuenow="<%= percentage %>"
aria-valuemin="0" aria-valuemax="10" <%- style %>>
<span><%= percentage %>%</span>
</div>
</div>

你可以在这个操场上粘贴代码，看看输出是什么。