http://embeddedjs.com/數組
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