handlebars的根据参数生成a标签

发布于 2022-09-04 18:06:47 字数 1032 浏览 27 评论 0

项目中要用到Handlebars,最近在学
api中是真么写的

    Handlebars.registerHelper('link', function(text,url) {
        text = Handlebars.Utils.escapeExpression(text);
        url  = Handlebars.Utils.escapeExpression(url);

        var result = '<a>' + text + '</a>';

        return new Handlebars.SafeString(result);
    });

我自己在加上编译模板,处理数据等js,如下

    var source   = $("#entry-template").html();
    var template = Handlebars.compile(source);
    var context = {
        text: "百度",
        url: "http://www.baidu.com"
    };
    var html = template(context);
    $('.entry').html(html);

template是这样的

<script id="entry-template" type="text/x-handlebars-template">
    {{link text,url}}
</script>

结构是

<div class="entry">

</div>

控制台报错如下

Uncaught Error: Parse error on line 2:
    {{link text,url}}

我想是参数传的不对吧(我说的就是这里 {{link text,url}}),应该怎么弄,求大神指点

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

如此安好 2022-09-11 18:06:47

template应该是:

<script id="entry-template" type="text/x-handlebars-template">
    {{#link text url}}{{/link}}
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文