在EJS中使用else时出错.编译错误

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>To Do List</title>
</head>
<body>
<%if(kindOfDay==="sunday"||kindOfDay==="saturday")%>
<%  { %>
<h1 style="color:pink;">Today is <%=kindOfDay%></h1>
<%  } %>
<%  else{%>
<h1 style="color:blue">Today is <%=kindOfDay%></h1>
<% }%>
</body>
</html>

错误：编译ejs 时，C:\Users\Dell\datadesk\webd\todolist-v1\views\list.ejs中出现意外的令牌'else'

不要拆分} else

这将更好地工作

<% if(kindOfDay==="sunday"||kindOfDay==="saturday") { %>
<h1 style="color:pink;">Today is <%=kindOfDay%></h1>
<% } else { %>
<h1 style="color:blue">Today is <%=kindOfDay%></h1>
<% } %>

或

<h1 style="color: <%= kindOfDay==="sunday"||kindOfDay==="saturday ? "pink" : "blue" %>">Today is <%=kindOfDay%></h1>

或

<h1 class="<%=kindOfDay%>">Today is <%=kindOfDay%></h1>

使用css

h1 { color: blue }
h1.sunday, h1.saturday { color: pink }

h1 { color: blue }
h1.Sunday, h1.Saturday { color: pink }

<h1 class="Sunday">Today is Sunday</h1>
<h1>Tomorrow is Monday</h1>

相关内容

最新更新

热门标签：