node.js - 如何将ejs转换为jade？

Question

我在将以下 ejs 转换为 jade 时遇到问题:

<% if (message.length > 0) { %>
  <div class="alert alert-danger"><%= message %></div>
<% } %>

这 block Jade 看起来怎么样？

Answer 1

我会这样写:

if message.length
  .alert.alert-danger= message

...由于 message 是一个字符串，因此仅当 message.length 是空字符串时，其计算结果才为假值 (0)。我还在此处使用了缓冲输出(请注意= 字符)，以便message 值将被HTML 转义。

另一种方法是直接将消息与空字符串进行比较:

if message !== ''
  .alert.alert-danger= message

请注意，我在 div.alert.alert-danger 表达式中删除了 div，因为它是 Jade 模板的默认元素。如果您使用过任何其他元素，则必须使用其标记名来启动表达式。