ejsでよく使う記法メモ

ejsとは

EJSは、プレーンな JavaScriptを使用してHTMLマークアップを生成できるシンプルなテンプレート言語です。

値をテンプレートに出力する

<h1><%= 'hello world'.toUpperCase() %></h1>
<img src="<%= imgsrc %>">

<%=タグを使ってJavaScriptの値をHTMLに埋め込む事ができます。

制御フロー

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

<ul>
  <% users.forEach(function(user){ %>
    <li><%= user.name %></li>
  <% }); %>
</ul>

if文やループなど出力を伴わないScriptは<%タグを使用します。

インクルード

<%- include('user/show', {user: user}); %>

共通部分をテンプレート化し、インクルードする事ができます。
第1引数にインクルードしたいファイル、第2引数に渡したいデータを記述します。