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