将Jade转换为EJS

Question

任何人都可以通过将此Jade转换为EJS来提供帮助吗？

extends layout

block content
    h1.
        User List
    ul
        each user, i in userlist
            li
                a(href="mailto:#{user.email}")= user.username

Answer 1

没有块，但是EJS中提供了包含逻辑。拆分“主布局”，以便您可以包含页眉和页脚（或任何适合您的需求）。迭代用以<% ... %>序列转义的普通JavaScript表示。使用<%= ... %>直接输出参考变量。生成的EJS代码可能如下所示：

<h1>User List</h1>
<ul>
    <% for (var i = 0; i < user.length; i++) { %>
        <li><a href="mailto:<%= user[i].email %>"><%= user[i].username %></a></li>
    <% } %>
</ul>

或或者：

<h1>User List</h1>
<ul>
    <% user.forEach(function(user) { %>
        <li><a href="mailto:<%= user.email %>"><%= user.username %></a></li>
    <% )} %>
</ul>

include语法很简单：

<% include partials/header %>
...
<% include partials/footer %>

注意：包含文件是使用include语句相对于模板定位的。扩展名是自动添加的。因此，如果您的模板存储在/views中，则标头包含的完整路径为/views/partials/header.ejs。

Answer 2

结果我需要一个“ For In”循环。调整后，这对我有用：

<h1>User List</h1>
  <ul>
    <% for (var i in userlist){%>
      <li><a href="mailto:<%= userlist[i].email %>"><%= userlist[i].username %></a></li>
    <%} %>

  </ul>

Answer 3

或者，您也可以尝试从玉到html的在线转换器”>