玉包括和阻止

时间:2013-02-01 09:40:19

标签: javascript html node.js pug template-engine

我有很多模板页面(index.jade, catalog.jade, contacts.jade等等),其中我在header_piece.jade添加了一些额外的代码(如footer_piece.jadeinclude)。

我正在尝试做什么 - 我希望在代码中包含一些内容,include包含这些内容。希望可以用玉石来完成。

这是我的代码:

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>

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

1 个答案:

答案 0 :(得分:-1)

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

index.jade:

body
  .wrapper
  include inc/header_piece

  append inc/header
    .someextradiv
    | text