arttemplate.js的helper如何用?

我是根据官方的栗子来学习的
但是出现了一个问题
我想用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>
    <div id="content3"></div>
    <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>
阅读 10k
4 个回答

clipboard.png

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

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

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

template.defaults.imports.dateFormat = function(arg1,arg2){};

template.defaults.imports.dateFormat = function(arg1,arg2){};
standard syntax

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题