template.js 模版内调用外部JS方法

template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。
模版定义如下:

1
2
3
4
5
6
<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.创建全局帮助函数

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

 

2.修改模版

1
2
3
4
5
6
<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

posted @   段江涛IT  阅读(9524)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
页脚HTML代码
点击右上角即可分享
微信分享提示