knockout.js - 将 Handlebars.js 预编译模板与 KnockoutJS 结合使用

Question

步骤

1. 添加了运行时 Handlebars handlebars.runtime.js
2. HTML 引用:<tbody data-bind="template: { name: 'HtmlTemplates/Passos/rowPassos.html', foreach: Passos }"></tbody>
3. 控制台错误未捕获错误:找不到 ID 为 HtmlTemplates/Passos/rowPassos.html 的模板

错误的发生是因为 Knockoutjs 本身不能与 Handlebars 一起工作。问题是，如何将预编译模板(handlebars.js)与knockoutjs一起使用？

Answer 1

有点晚，但我想迟到总比不到好。

Knockout 使用模板 ID。 ( <script id=".."></script> ) 不适用于 HTML 文件。我个人没有使用 Handlebars 的经验，所以我无法对此发表评论。

但是，您似乎正在使用预编译，所以我猜这些 HTML 文件位于服务器上，而不是内联文件。

因此，您应该使用 external templates .我也在使用它，效果非常好。

在你的情况下，而不是给它 HtmlTemplates/Passos/rowPassos.html你应该给 KnockOut HtmlTemplates/Passos/rowPassos (因此没有 .html)和外部模板应该为您获取它。