artTemplate 簡潔語法版
阿新 • • 發佈:2019-01-02
使用
引用簡潔語法的引擎版本,例如:
<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}}