javascript - Jade 包括和 block

Question

我有许多模板页面(index.jade、catalog.jade、contacts.jade 等)，其中我通过 include 添加了一些额外的代码片段(例如 header_piece.jade 和 footer_piece.jade)。

我正在尝试做的事情 - 我想在代码中包含一些内容，这些内容由 include 包含。希望可以用 Jade 来完成。

这是我的代码:

index.jade:
body
  .wrapper
    include inc/header_piece

    append header
      .someextradiv
        | text

inc/header_piece.jade:
  block header
    .header
      a(href = '/') Home

我期望得到什么:

<div class="wrapper">
  <div class="header"><a href="/">Home</a>
    <div class="someextradiv">Text</div>
  </div>
</div>

我真正得到的是:

<div class="wrapper">
  <div class="header"><a href="/">Home</a></div>
  <div class="header"><a href="/">Home</a></div>
</div>

我做错了什么以及如何获得想要的结果？

Answer 1

我通过执行以下操作获得了您想要的结果:

index.jade:

body
  .wrapper
  include inc/header_piece

  append inc/header
    .someextradiv
    | text