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}}

如果這篇文章對您有幫助，您可以打賞我

 

技術交流QQ群：15129679