javascript - arttemplate.js的helper如何用?
三叔
三叔 2017-06-12 09:28:25
0
2
838

我是根据官方的栗子来学习的
但是出现了一个问题
我想用helper注册一个方法
但是总是提示template.helper is not a function
不知是我调用时有问题还是引入的js有问题
代码如下

<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="UTF-8">
    <title>arttemplate</title>
    <script src="template-web.js"></script>
</head>
<body>
    <p id="content3"></p>
    <script id="test3" type="text/html">
            //<p>{{add(1,2)}}</p>
            <p>{{add:'1,2'}}</p>
    </script>
</body>
<script>
    template.helper('add',function(val1,val2){
        return val1 + val2;
    });

    //var data3 = {
        //list: [32,45,47,61,52,41,32,29,44,24,55,19]
    //}
    var html = template('test3');
    document.getElementById('content3').innerHTML = html;
</script>
</html>
三叔
三叔

全部回复(2)
曾经蜡笔没有小新

你用的哪个版本啊?从哪儿看的文档啊?

看官方文档 API:https://aui.github.io/art-tem...

确实没有这个方法。

Peter_Zhu

总结一下 基本这几种调用方法
调用方法1:
{{方法名 参数1 参数2 ... 参数n}}
调用方法2:
{{方法名 参数1,参数2,...,参数n}}
调用方法3:(|符号前后空格不可省略)
{{参数1 | 方法名:参数2,参数3,...,参数n}}

另外 你的注释方法有误
你表明了你的test3是html 应该使用html的注释方式
意即:
<!-- <p>...</p> -->
------------------------------更新--------------------------------


现在版本号到4.10.0了。我这里的写的是3.x的写法

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板