gpt4 book ai didi

javascript - Handlebars.js 不会编译/输出我的模板/数据

转载 作者:行者123 更新时间:2023-12-03 08:23:43 24 4
gpt4 key购买 nike

我正在使用 Handlebars.js 并尝试编译一个小模板。我只使用 Handlebars.js,仅此而已。我在我的计算机上本地工作,而不是通过任何形式的服务器。

我的“html”看起来像这样。没什么特别的。

<!doctype html>
<html>
<head>
<script src="js/vendor/handlebars.min-4.0.4.js"></script>
</head>
<body>
<script id="menu-template" type="text/x-handlebars-template">
<h1>{{title}}</h1>
</script>


<section id="menu">

</section>


<script src="js/menu.js"></script>
</body>
</html>

我的 JS 是

var source = document.getElementById('menu-template').innerHTML;
var template = Handlebars.compile(source);
var data = {title: "test"};

document.getElementById('menu').innerHTML = template(data);

似乎 template() 没有返回任何内容,除了看起来像空字符串之外我没有得到任何结果。

我已经研究了这个问题几个小时,并在互联网上搜索答案,但没有结果。

我在这里做错了什么吗?

//编辑添加了 html 页面的其余部分。

最佳答案

代码看起来是正确的,只需确保 Handlebars.js 文件正确包含在现有脚本标记之前即可。

Handlebars CDN 引用:https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.4/handlebars.js

关于javascript - Handlebars.js 不会编译/输出我的模板/数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33641627/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com