1. 程式人生 > >artTemplate 簡潔語法版

artTemplate 簡潔語法版

使用

引用簡潔語法的引擎版本,例如:

<script src="dist/template.js"></script>

表示式

{{ 與 }} 符號包裹起來的語句則為模板的邏輯表示式。

輸出表達式

對內容編碼輸出:

{{content}}

不編碼輸出:

{{#content}}

編碼可以防止資料中含有 HTML 字串,避免引起 XSS 攻擊。

條件表示式

{{if admin}}
    <p>admin</p>
{{else if code > 0}}
    <p>master</p>
{{else}}
    <p>error!</p>
{{/if}}

遍歷表示式

無論陣列或者物件都可以用 each 進行遍歷。

{{each list as value index}}
    <li>{{index}} - {{value.user}}</li>
{{/each}}

亦可以被簡寫:

{{each list}}
    <li>{{$index}} - {{$value.user}}</li>
{{/each}}

模板包含表示式

用於嵌入子模板。

{{include 'template_name'}}

子模板預設共享當前資料,亦可以指定資料:

{{include 'template_name' news_list}}

輔助方法

使用template.helper(name, callback)註冊公用輔助方法:

template.helper('dateFormat', function (date, format) {
    // ..
    return value;
});

模板中使用的方式:

{{time | dateFormat:'yyyy-MM-dd hh:mm:ss'}}

支援傳入引數與巢狀使用:

{{time | say:'cd' | ubb | link}}