ejs 模板使用方法

http://embeddedjs.com/數組

Embedded JS Templates網站

Embedded JS(EJS) 來源於ERB模板,且與ERB有不少類似之處。它有着與ERB相同的Tag,且包含不少相同的功能。EJS的特別之處在於,你須要把模板存於單獨文件中,並將文件名傳遞給EJS。它會加載該文件,並返回HTML。url

// in template.ejs
Hello, <%= name %>

// in JS file
new EJS({ url: "template.ejs" }).render({ name: "Jack" });
// 返回: Hello, Jack

複製代碼
注意,你能夠加載文本模板:spa

new EJS({ text: "Hello, <%= name %>" }).render({ name: "Jack" });


複製代碼
下面將介紹如何進行循環,以數組「People」爲例,並在網站上連接到他們的我的頁面:code

// template.ejs
<ul>
<% for(var i = 0; i < people.length; i++) { %>
<li><%= link_to(people[i], "/profiles/" + people[i]) %></li>
<% } %>
</ul>

// in JS file
new EJS({ url: "template.ejs" }).render({ people: [ "Jack", "Fred" ] })

// Each rendered <li> will look like:
<li><a href="/profiles/Jack">Jack</a></li>

複製代碼blog

這與Underscore 有些類似,但要注意「link_to」的使用。它是EJS定義的一個Helper,以便連接更容易使用。瞭解更多EJS,請關注EJS官方網站。get

相關文章
相關標籤/搜索