【问题标题】：Is there a way to use Handlebars.js to inject a template using jQuery?有没有办法使用 Handlebars.js 使用 jQuery 注入模板？
【发布时间】：2021-01-11 19:46:35
【问题描述】：
我正在使用 Big Commerce/Stencil CLI，我在一个 javascript 文件中，试图通过它们的类来定位元素并将一个把手模板注入到它的 HTML 中，但我在这个主题上找不到太多东西。此代码似乎在我的一个 theme-bundle.chunk 文件中引发“错误：模块构建失败”。
我的代码：
if (el.getAttribute('data-swatch-0') !== null) {
$(".category-swatch-container").innerHTML({{{ > components/ud-custom/ud-category-swatches}}});
}
【问题讨论】：
标签：
javascript
jquery
templates
handlebars.js
【解决方案1】：
您可以根据您想要完成的具体内容而定。在其最基本的车把上，接受一个模板字符串和参数，然后产生一个输出字符串。 jQuery html 方法可以接受一串有效的 html 并插入。
这里的问题是您似乎正在尝试在后端进行此替换。您可以完成这项工作，但这是一个不寻常的配置，可能需要显式添加。您需要告诉您的后端处理对 js 文件的请求，以将该文件作为车把模板执行。根据您的后端框架，这可能就像添加配置选项一样简单，或者您可能需要添加生成 js 文件的显式路由。
如果您想在客户端执行此操作，您需要确保已添加把手作为客户端依赖项。然后，您只需要使模板在客户端可用。然后你可以直接调用handlebars 库来生成一个可以输入到$.html 的字符串