javascript - 怎么能逼 Jade 留 mustache ？

Question

这是我的jade雕像:

section#entry-review-template.template(data-class='entry-review')
  table
    thead
      tr
        th='Date'
        th='Title'
        th
    tbody

当我开始添加 mustache对它，我觉得它开始失去她一贯的优雅，因为现在她对脸上的任何毛孔都非常挑剔。

  {{^entries}}
  h1='No Posts'
  div='There are no blog posts to review.'
  {{/entries}}

但是，当我这次尝试在她的 body 上添加最后一片 mustache 时，她开始提示，她要么崩溃，不想帮忙，要么只是弄得一团糟

{{#entries}}
  tr
    td='{{date}}'
    td='{{title}}'
    td
      a.remove-entry
 {{/entries}}

结果如下:

{{^entries}}
<h1>No Posts</h1><div>There are no blog posts to review.</div>{{/entries}}
{{#entries}}
<table><thead><tr><th>Date</th><th>Title</th><th></th></tr></thead><tbody></tbody></table>{{date}}{{title}}<a class="remove-entry"></a>{{/entries}}

我似乎无法让 Jade 正确输出我的 mustache 纯文本。

这是一个 node.js 应用程序，它使用jade 在服务器端对我的 View 进行模板化，我不会将任何模型传递给我的任何 View (我将这种繁重的工作留给客户端)，但我仍然需要到处做一堆 inclue partial 。我有很多 Jade 。我有点喜欢 Jade 。我不想放开她。

现在我想在客户端实现非常简单的 mustache 模板，我希望这些模板可以内联在我的 View 中。

当然，我可以解决这个问题，将它们放在脚本标签中，或者用另一个 View 引擎渲染它们(现在我想起来了，它甚至感觉不是一件容易或简单的事情)，但随后我将不得不为这些编写原始 html，并且我有点想将两全其美。

• 我是否疯狂甚至尝试？
• 我怎样才能告诉 jade 这只是个游戏，让她忽略我的 {{#must}} {{/ache}}？
• 可以告诉 jade 以某种方式忽略空格吗？
• 您认为我应该考虑哪些其他选择？

我真想 Jade 留 mustache 。我知道这很奇怪，但它会让我兴奋。

更新:

我刚刚尝试使用 |，documented here ，但即使是最简单的:

section#entry-review-template.template(data-class='entry-review')
  table
    thead
      tr
        th='Date'
        th='Title'
        th
    tbody
      | {{#entries}}
      | {{/entries}}

最终输出:

{{#entries}}
{{/entries}}
<table><thead><tr><th>Date</th><th>Title</th><th></th></tr></thead><tbody></tbody></table><h1></h1>

Answer 1

让我们定义一些 Jade mixin。

mixin if(name)
  != '{{#' + name + '}}'
  block
  != '{{/' + name + '}}'

mixin unless(name)
  != '{{^' + name + '}}'
  block
  != '{{/' + name + '}}'

mixin each(name)
  != '{{#' + name + '}}'
  block
  != '{{/' + name + '}}'

在您的 Jade 模板中流畅地使用它们:

section#entry-review-template.template(data-class='entry-review')
  +unless('entries')
    h1='No Posts'
    div='There are no blog posts to review.'
  table
    thead
      tr
        th='Date'
        th='Title'
        th
    tbody
      +each('entries')
        tr
          td='{{date}}'
          td='{{title}}'
          td
            a.remove-entry

生成漂亮的 mustache HTML。

<section id="entry-review-template" data-class="entry-review" class="template">{{^entries}}
  <h1>No Posts</h1>
  <div>There are no blog posts to review.</div>{{/entries}}
  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Title</th>
        <th></th>
      </tr>
    </thead>
    <tbody>{{#entries}}
      <tr>
        <td>{{date}}</td>
        <td>{{title}}</td>
        <td><a class="remove-entry"></a></td>
      </tr>{{/entries}}
    </tbody>
  </table>
</section>