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

template.js 一款 JavaScript 模板引擎,簡單,好用。提供一套模板語法,用戶能夠寫一個模板區塊,每次根據傳入的數據,生成對應數據產生的HTML片斷,渲染不一樣的效果。
模版定義以下:javascript

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

 {{}}裏面的屬性表明將被替換的數據,使用方法以下:html

html = template("list", {price:200,costTypeName:"測試"});
選而後的html爲:
<p>
<span>200</span>
<span style="float:right">測試</span>
</p>java

但是若是咱們想要讓price的200變爲¥200.00怎麼辦呢?只需以下幾步便可
1.建立全局幫助函數git

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

 

2.修改模版github

<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函數

相關文章
相關標籤/搜索