handlebars.js报错

最新推荐文章于 2021-06-14 20:27:22 发布

大可大可抖

最新推荐文章于 2021-06-14 20:27:22 发布

阅读量674

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/p930318/article/details/94550474

JQuery 专栏收录该内容

13 篇文章

订阅专栏

本文解决了一个关于Handlebars.js模板编译的常见错误，详细介绍了如何正确使用jQuery选择器获取模板字符串，并通过一个实例演示了从获取模板到渲染数据的完整过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误打印：

Error: You must pass a string or Handlebars AST to Handlebars.compile

出现这个错误我是因为var tpl =$("guestList").html那里没有写（），在网上复制后没注意。

正确的：

<!DOCTYPE html>
<html>
<head>
<script src="ui/jquery-3.4.1.js"></script>

<script src="ui/handlebars-v4.1.2.js"></script>


</head>
   
<body>
 <div class="guest_ul">
 </div>
</body>
<script type="text/template" id="guestList">
  {{value}}
 </script>
 <script type="text/javascript">
    var tpl =$('#guestList').html();
    var template = Handlebars.compile(tpl);
    var data={ value:'12312' }
    var html = template(data);
    $('.guest_ul').html(html);
  </script>
</html>