Html Jade模板引擎：显示和隐藏某个块

我有一个玉模板

extends _base
block content
  include ./partials/_main-header
  .Template2RightBig
    .container
      .row
        block content2RightBig
          .col-md-3.Template2RightBig--left.column
            block left-column
          .col-md-9.Template2RightBig--right.column
            .Template2RightBig--right-header
              block right-column-header
            .Template2RightBig--right-annotation
              block right-column-annotation
            block right-column
  include ./partials/_footer

我想在页面中显示或隐藏右列注释块及其父容器（.Template2RightBig--right annotation），这将扩展此页面

---

如何使用Jade power做到这一点？

您可以通过一个新块将一个变量从子页面传递到此模板中，以便有条件地控制此模板中的任何内容

\u your-template.jade

extends _base
block content
  include ./partials/_main-header
  .Template2RightBig
    .container
      .row
        block content2RightBig
          block page-variables
          .col-md-3.Template2RightBig--left.column
            block left-column
          .col-md-9.Template2RightBig--right.column
            .Template2RightBig--right-header
              block right-column-header
            if rightAnnotationVisible === true
              .Template2RightBig--right-annotation
                block right-column-annotation
            block right-column
  include ./partials/_footer

extends _your-template

block page-variables
  - var rightAnnotationVisible = true
  //- annotation and parent wrapper will render

extends _your-template

block page-variables
  - var rightAnnotationVisible = false
  //- annotation and parent wrapper won't render

\u your-page.jade

extends _base
block content
  include ./partials/_main-header
  .Template2RightBig
    .container
      .row
        block content2RightBig
          block page-variables
          .col-md-3.Template2RightBig--left.column
            block left-column
          .col-md-9.Template2RightBig--right.column
            .Template2RightBig--right-header
              block right-column-header
            if rightAnnotationVisible === true
              .Template2RightBig--right-annotation
                block right-column-annotation
            block right-column
  include ./partials/_footer

extends _your-template

block page-variables
  - var rightAnnotationVisible = true
  //- annotation and parent wrapper will render

extends _your-template

block page-variables
  - var rightAnnotationVisible = false
  //- annotation and parent wrapper won't render

\u你的另一页。jade

extends _base
block content
  include ./partials/_main-header
  .Template2RightBig
    .container
      .row
        block content2RightBig
          block page-variables
          .col-md-3.Template2RightBig--left.column
            block left-column
          .col-md-9.Template2RightBig--right.column
            .Template2RightBig--right-header
              block right-column-header
            if rightAnnotationVisible === true
              .Template2RightBig--right-annotation
                block right-column-annotation
            block right-column
  include ./partials/_footer

extends _your-template

block page-variables
  - var rightAnnotationVisible = true
  //- annotation and parent wrapper will render

extends _your-template

block page-variables
  - var rightAnnotationVisible = false
  //- annotation and parent wrapper won't render

---

只需确保新块的范围是包含在父块中的正确位置。

对我有用。我想补充一点，对于新手来说，“block is scoped…”意味着将“block page variables”放入基本模板中-在我的模板中，它如下所示。“doctype html”