EJS条件语句改变CSS

Question

我在 EJS 中有循环，我想根据我的数据设置 css：

<% dummies.forEach(function(dummy) { %>
   <div class="panel panel-???">
   </div>
<% }) %>

我的数据：

var dummies = [{ 
    type: "funny",
    sure: "Yes" // this should generate panel-success
}, { 
    type: "funny", // this should generate panel-a
    sure: "No"
}, { 
    type: "happy", // this should generate panel-b
    sure: "No",
}];

因此，每当sure属性为 时Yes，它就会生成panel-success. 否则，它会根据type属性生成 css。

请帮忙。

Answer 1

首先创建这样的对象：

<%
let cssClass = {
    funny: {
        Yes: "success",
        No: "a"
    },
    happy: {
        No: "b"
    }
} 
%>

那么你应该只在模板中输出值：

<% dummies.forEach(function(dummy) { %>
   <div class="panel panel-<%= cssClass[dummy.type][dummy.sure] %>">
   </div>
<% }) %>