http://embeddedjs.com/
Embedded JS(EJS) 來源於ERB模板,且與ERB有很多相似之處。它有着與ERB相同的Tag,且包含很多相同的功能。EJS的特別之處在於,你需要把模板存於單獨文件中,並將文件名傳遞給EJS。它會加載該文件,並返回HTML。
// in template.ejs Hello, <%= name %> // in JS file new EJS({ url: "template.ejs" }).render({ name: "Jack" }); // 返回: Hello, Jack
復制代碼
注意,你可以加載文本模板:
new EJS({ text: "Hello, <%= name %>" }).render({ name: "Jack" });
復制代碼
下面將介紹如何進行循環,以數組“People”為例,並在網站上鏈接到他們的個人頁面:
// 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>
復制代碼
這與Underscore 有些相似,但要注意“link_to”的使用。它是EJS定義的一個Helper,以便鏈接更容易使用。了解更多EJS,請關注EJS官方網站。