template.js 模版内调用外部JS方法
2017-02-09 15:17
260 查看
template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。
模版定义如下:
{{}}里面的属性代表将被替换的数据,使用方法如下:
html = template("list", {price:200,costTypeName:"测试"});
选然后的html为:
<p>
<span>200</span>
<span style="float:right">测试</span>
</p>
可是如果我们想要让price的200变为¥200.00怎么办呢?只需如下几步即可
1.创建全局帮助函数
2.修改模版
注意:需要引入template.js文件 开源地址: https://github.com/aui/artTemplate
模版定义如下:
<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
相关文章推荐
- js-template-art【四】通过helper方法注册,调用外部方法
- 初学者笔记:框架里,外部js文件调用aspx.cs的方法
- 在Angular外部使用js调用Angular控制器中提供的函数方法或变量
- 每个 GROUP BY 表达式必须至少包含一个不是外部引用的列、加载页面时调用Js方法、调用Js文件中的方法
- 在Angular外部使用js调用Angular控制器中提供的函数方法或变量
- AspNet中内部外部JS调用后台变量和方法
- mvc 分离外部js文件以及调用方法
- ie调用外部js文件,有注释就出错的解决方法
- 模板内部不支持原生js的方法?》》artTemplate模版方法注册window全部事件方法
- Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
- 在Angular外部使用js调用Angular控制器中提供的函数方法或变量
- javascript同步Import,同步调用外部js的方法
- 在html中引入外部js文件,并调用带参函数的方法
- 调用外部js方法
- 每日总结:每个 GROUP BY 表达式必须至少包含一个不是外部引用的列、加载页面时调用Js方法、调用Js文件中的方法
- Js调用游览器的外部方法(设首页,收藏夹等游览器操作)
- javascript同步Import,同步调用外部js的方法
- Django模板变量如何传递给外部js调用的方法小结
- 简单ASP.NET AJAX 客户端应用:用JS直接调用WebServices方法
- 学习Altas 笔记[js调用重载的方法出错,如何处理]