ejs 模板使用方法


http://embeddedjs.com/

Embedded JS Templates

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官方網站。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM