前端模板 ejs 学习指南,Cheatsheet

常用到的 ejs 语法学习
更新于: 2024-01-06 22:21:32

安装

npm i ejs
yarn add ejs

cheatsheet

用途代码
echo var
<%= var %>
echo raw html
<%- rawHtml %>
debug/inspect
<%= JSON.stringify(data, null, 2) %>
引用/include
<%- include('./partials/header', { data: data }); %>
循环,列表
<ul class="grid">
    <% [...Array(12).keys()].forEach(function(item){ %>
        <%- include('./list-item'); %>
    <% }); %>
</ul>
循环/include带参数
<% users.forEach(function(user){ %>
  <%- include('user/show', {user: user}); %>
<% }); %>
if 条件
<% if (user) { %>
  <h2><%= user.name %></h2>
<% } %>

参考