Question

有人可以帮助您将此玉转换为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中没有阻止但包含逻辑的包含逻辑。拆分＆＃34;主要布局＆＃34;这种方式，你可以包括页眉和页脚（或任何适合你的需要）。迭代在以<% ... %>的序列转义的纯JavaScript中表示。使用<%= ... %>直接输出引用的var。生成的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语句相对于模板定位的。扩展程序会自动添加。因此，如果您的模板存储在let {'1}}中，则标题包含的完整路径为/views。

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的在线转换器。

将Jade转换为EJS

3 个答案: