我可以将条件语句与 EJS 模板（在 JMVC 中）一起使用吗？

Question

如果是，语法是什么？ 我的目标是当有多个评论时在“评论”一词前添加一个“s”。在 JMVC 应用程序的 jQuery.ejs 模板中。以下中断。我找不到任何条件文档...

<%=commentsNumber%> comment<% if (commentsNumber > 1) { %> s <% } %>

Answer 1

如果条件结构正确，则条件会起作用，我遇到了这个问题并解决了。

对于条件语句，else 之前的标记必须与前面的 if 的结束标记配对，否则语句将单独计算并产生错误。

错误！

<% if(true){ %>
   <h1>foo</h1>
<% } %>
<% else{ %>
   <h1>bar</h1>
 <% } %>

正确的

<% if(true){ %>
   <h1>foo</h1>
 <% } else{ %>  
   <h1>bar</h1>
<% } %>

希望这有帮助。

Answer 2

对于其他偶然发现这一点的人，您还可以在条件语句中使用 ejs params/props：

recipes.js 文件：

app.get("/recipes", function(req, res) {
    res.render("recipes.ejs", {
        recipes: recipes
    });
});

recipes.ejs 文件：

<%if (recipes.length > 0) { %>
// Do something with more than 1 recipe
<% } %>

Answer 3

是的，您可以在 EJS 中使用条件语句，例如 if else 、三元运算符甚至 switch case ，

例如

三元运算符 ：
<%- 角色 == '管理员' ? '超级管理员'：角色=='子管理员'？ '子管理员'：角色 %>

切换大小写

<% switch (role) {
case 'Admin' : %>
        Super Admin
        <% break;

case 'eventAdmin' : %>
        Event Admin
        <% break;

case 'subAdmin' : %>
        Sub Admin
        <% break;

} %>

Answer 4

EJS 的行为似乎有所不同，具体取决于您是否使用 { } 表示法：

我已经检查过，并且按照您的预期评估了以下条件：

<%if (3==3) {%>  TEXT PRINTED  <%}%>
<%if (3==4) {%>  TEXT NOT PRINTED  <%}%>

而这个则没有：

<%if (3==3) %>  TEXT PRINTED  <% %>
<%if (3==4) %>  TEXT PRINTED  <% %>  

Answer 5

您还可以使用 else if 语法：

<% if (x === 1) { %>
    <p>Hello world!</p>
<% } else if (x === 2) { %>
    <p>Hi earth!</p>
<% } else { %>
    <p>Hey terra!</p>
<% } %>

Answer 6

我知道这是一个有点晚的答案，

您可以在ejs中使用if和else语句，如下所示

<% if (something) { %>
   // Then do some operation
<% } else { %>
   // Then do some operation
<% } %>

但是我想强调的另一件事是，如果您以这种方式使用代码，

<% if (something) { %>
   // Then do some operation
<% } %>
<% else { %>
   // Then do some operation
<% } %>

它将产生错误。

希望这对某人有帮助

Answer 7

一个简单且通用的规则
例如，要将 javascript（for 循环）嵌入到我们的 ejs 模板中，我们可以遵循以下规则：

1. 首先按照通常在 javascript 中编写的方式在 ejs 模板中编写 javascript 代码。

2. 将 <% 放在开头，%>在每个纯 JavaScript 行的末尾。

例如：

if (num%2===0) {
    <p> this is an even number</p>
} else { 
<p> this is an odd number</p>
}

所以现在我们必须将 ejs 语法放在每一行中：

 <% if (num%2===0) {%>
    <p> this is an even number</p>
<%} else { %>
<p> this is an odd number</p>
<%}%>

Answer 8

只需缩短代码即可使用 ES6 功能。相同的东西可以写成

app.get("/recipes", (req, res) => {
    res.render("recipes.ejs", {
        recipes
    });
}); 

并且 Templateate 可以渲染为相同！

<%if (recipes.length > 0) { %>
// Do something with more than 1 recipe
<% } %>