[JavaScript知识库]ejs 基础语法教程

ejs

<%= %>

输出数据到模板。相当于innerText。或者是vue中的{{ }}

//数据源
let userinfo = {
	username:'lisi'
}
//ejs
<p>
   <%=userinfo.username%>  
</p>

<%- %>

输出非转义的数据到模板。相当于innerHTML。

//数据源
let article = '<p>this is a demo</p>';
//ejs
<p>
   <%-article%>  
</p>

<% if (user) { %><% } %>

条件判断

<% if (user) { %>
  <h2><%= user.name %></h2>
<% } %>

循环遍历

//数据源
let list = ['111','222','333'];

//ejs
<ul>
    <% list.forEach(item=>{ %>
    	<li><%=item %></li>
    <% }) %>
</ul>

引入

// 比如想导入./user/show.ejs 的模板文件
<%- include('user/show'); %>