template.js 模版內調用外部JS方法

template.js 一款 JavaScript 模板引擎，簡單，好用。提供一套模板語法，用戶可以寫一個模板區塊，每次根據傳入的數據，生成對應數據產生的HTML片段，渲染不同的效果。
模版定義如下：

<script type="text/html" id="list">
	<p>
		<span>{{price}}</span>
		<span style="float:right">{{costTypeName}}</span>
	</p>
</script>

　{{}}里面的屬性代表將被替換的數據，使用方法如下：

html = template("list", {price:200,costTypeName:"測試"});
選然后的html為：
<p>
<span>200</span>
<span style="float:right">測試</span>
</p>

可是如果我們想要讓price的200變為￥200.00怎么辦呢？只需如下幾步即可
1.創建全局幫助函數

template.helper("fromatMoney", function (x) {
	return "￥" + Duanjt.Float.ToFloat(x, 2);
});

 

2.修改模版

<script type="text/html" id="list">
	<p>
		<span>{{fromatMoney price}}</span>
		<span style="float:right">{{costTypeName}}</span>
	</p>
</script>

注意：需要引入template.js文件 開源地址： https://github.com/aui/artTemplate