artTemplate辅助函数详细讲解

最新推荐文章于 2022-07-06 20:53:04 发布

Buddha_ITXiong

最新推荐文章于 2022-07-06 20:53:04 发布

阅读量1.4k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Buddha_ITXiong/article/details/81557282

版权

javascript 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

昨天奈何一个朋友一直问我artTemplate的辅助函数怎么用，和他说了一大堆也是懵逼，索性自己再写一个专门关于辅助函数的用法，希望可以帮得到其他有需要的朋友！！！

先展示下整体代码，和效果图，之后我会以图片+文字的方式帮助理解：注意artTemplate.js和zepto.js根据自己的路径来改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Title</title>
</head>
<body>
<div id="test"></div>

<script type="text/html" id="template_test">
    <span>age:{{age | handleAge:'a','b',10}}</span>
</script>


</body>
<script src="../bower_components/template/template.js"></script>
<script src="../bower_components/zepto/zepto.min.js"></script>
<script>

    template.helper("handleAge",function (age,arg1,arg2,arg3) {
         console.log('age:',age);
         console.log('arg1:',arg1);
         console.log('arg2:',arg2);
         console.log('arg3:',arg3);
         return age.toFixed(3);
    });


    var data = {name: 'aaa', age: 10.1548954444654};
    var html = template("template_test", data);
    $("#test").html(html);



</script>
</html>

页面效果图：

图文详解：

Buddha_ITXiong

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
artTemplate辅助函数详细讲解

昨天奈何一个朋友一直问我artTemplate的辅助函数怎么用，和他说了一大堆也是懵逼，索性自己再写一个专门关于辅助函数的用法，希望可以帮得到其他有需要的朋友！！！先展示下整体代码，和效果图，之后我会以图片+文字的方式帮助理解：注意artTemplate.js和zepto.js根据自己的路径来改&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&l...
复制链接

扫一扫

专栏目录