天天看點

Node模闆引擎——ejs安裝标簽引入其他檔案設定分隔符布局

安裝

在終端中輸入

npm install ejs

,将

ejs

安裝到目前目錄下的

node_modules

标簽

  1. <%= %>

    用于輸出

    escape

    後的變量值
  2. <%- %>

    用于輸出

    unescape

    的變量值
  3. <% %>

    用于包裹 javascript 代碼,實作控制流
  4. <% -%>

    用于消除後面緊跟的新行
  5. <%# %>

    用于注釋
  6. <%% %>

    用于輸出

    <% %>

引入其他檔案

<%- include('path/filename', { data: data }) %>

上面的代碼将path目錄下的filename.ejs檔案引入到目前檔案中,并将data的值傳入filename.ejs檔案中。 此處使用

<%- %>

是為了避免二次轉義。 也可以使用

<% include path/filename %>

進行引入。

設定分隔符

var ejs = require('ejs'),
    users = ['geddy', 'neil', 'alex'];
 
// 僅對目前模闆有效的設定
ejs.render('<?= users.join(" | "); ?>', {users: users}, {delimiter: '?'});
// => 'geddy | neil | alex' 
 
// 全局有效的設定
ejs.delimiter = '$';
ejs.render('<$= users.join(" | "); $>', {users: users});
// => 'geddy | neil | alex' 
                

布局

ejs不支援像Jade那樣的block布局,但是可以使用include的方式實作布局

<%- include('header') -%>
<h1>
  Title
</h1>
<p>
  My page
</p>
<%- include('footer') -%>           

轉載:https://www.jianshu.com/p/0bc6c2d7a502

繼續閱讀