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