1. ejs 설치
npm install ejs
2. index.js에 사용 설정
//index.js
app.set('view engine', 'ejs');
3. ejs 파일 생성
4. ejs 사용법
// 값 가져오기
<h2><%= user.name %></h2>
// 문법 사용
<% if (user) { %>
<h2><%= user.name %></h2>
<% } %>
// 다른 ejs 삽입. 예를 들면 nav var
<%- include('nav.ejs', {active:'edit'}) %>
5. js에서 ejs로 보내기
//index.js file
// list.ejs 파일로 posts라는 변수에 담아서 result를 보내라
res.render('list.ejs', {posts: result});
6. js에서 ejs로 보내고, 받아서 출력하는 예시
app.get('/list', function (req, res) {
db.collection('post').find().toArray(function (error, result) {
res.render('list.ejs', {posts: result});
});
});
<!-- views/list.js 파일 -->
<div class="container">
<ul class="list-group">
<% for (var i=0; i<posts.length; i++) { %>
<li class="list-group-item">
<p>post no: <%= posts[i]._id %></p>
<h4><a href="/detail/<%= posts[i]._id%>"><%= posts[i].name %></a></h4>
<p>due: <%= posts[i].date %></p>
</li>
<% } %>
</ul>
</div>