上一篇我們將所有的"username"放到了"name"陣列中,並送往Hogan.js模版引擎:
res.render('userlist', {
"userlist" : name
});
這種程式的意思是,把"name"命名為"userlist"並送到"userlist.hjs"(逗號前的'userlist')。
再來看"views/userlist.hjs":
<title>User List</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<h1>User List</h1>
<ul>
{{#userlist}}
<li>{{.}}</li>
{{/userlist}}
</ul>
重點自然是:
<ul>
{{#userlist}}
<li>{{.}}</li>
{{/userlist}}
</ul>
這裡的意思是,對陣列"userlist"進行處理:{{#userlist}}為開始;{{/userlist}}為結束;中間對陣列的每一個值(表示為{{.}})作同樣的顯示:<li>{{.}}</li>
所以出來的編繹結果是:
<ul>
<li>zack</li>
<li>testuser2</li>
<li>testuser3</li>
</ul>
用瀏覽器打開:localhost:3000/userlist,便能看到效果。
(本文同步發表於: NodeJust.com )