搜索

首页  >  问答  >  正文

javascript - 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>
    <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>
三叔三叔2778 天前854

全部回复(2)我来回复

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-06-12 09:30:25

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

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

    确实没有这个方法。

    回复
    0
  • 天蓬老师

    天蓬老师2017-06-12 09:30:25

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

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


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

    回复
    0
  • 取消回复