node.js - 使用 HBS strip (消耗？)Handlebars 客户端模板进行快速 View 渲染

Question

使用 Express 和 Don Park 的 HBS 作为 View 引擎，目的是为客户端和服务器代码使用相同的模板样式。但是，我遇到了一些障碍。

有了此处显示的 index.hbs，

<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>

<div id="place"></div>

<script id="firstTemplate" type="text/x-handlebars-template">
  <ul>
    {{#lines}}
      <li>{{name}}</li>
    {{/lines}}
  </ul>
</script>

这是呈现给浏览器的内容:

<h1>Express</h1>
<p>Welcome to Express</p>

<div id="place"></div>

<script id="firstTemplate" type="text/x-handlebars-template">
  <ul>

  </ul>
</script>

Express View 渲染过程似乎已经消耗了打算在浏览器中使用的模板 block 。据我所知， View 渲染器只是将整个 file.hbs 作为一个字符串模板来渲染，而不是将脚本 block 与服务器 View 区分开来。

对此有什么想法/解决方法吗？

Answer 1

我以同样的方式使用 Handlebars 并遇到了同样的问题。

我通过存储这部分解决了这个问题:

<script id="firstTemplate" type="text/x-handlebars-template">
  <ul>
    {{#lines}}
      <li>{{name}}</li>
    {{/lines}}
  </ul>
</script>

在一个单独的静态文件中，然后在页面呈现后通过 ajax 加载它。这样我的客户端模板就不会被 Express 错误地呈现。

如果有一种方法可以添加一个标签让 Express 知道忽略这样的 block 并将它们留给客户端，那就太好了。