防止列出一些页面

Question

我的导航文件包含：

{{!
  @param nav_items
         > either "pages" or "categories", passed from parent template
}}

<nav class="navigation">
  <ul>
    {{#each nav_items}}
      <li>
        <a class="top-level-nav-link" href="{{url}}">
          {{name}}
        </a>
      </li>
    {{/each}}
  </ul>
</nav>

我使用此钩子列出页面或类别：

{{> components/common/navigation nav_items=pages}}

有没有办法实现某些条件来检查if page == 'About us'并阻止它列在菜单中？

Answer 1

我不相信车把上有!==条件，所以我一直这样做。

  <nav class="navigation">
      <ul>
        {{#each nav_items}}
            {{#if name '===' 'About Us'}}
            {{else}}
              <li>
                <a class="top-level-nav-link" href="{{url}}">
                  {{name}}
                </a>
              </li>
            {{/if}}
        {{/each}}
      </ul>
    </nav>

手柄中没有if /和条件，因此对于多个条件，您可以嵌套if / else语句。

  <nav class="navigation">
      <ul>
        {{#each nav_items}}
            {{#if name '===' 'About Us'}}
            {{else}}
              {{#if name '===' 'Contact Us'}}
              {{else}}
                <li>
                  <a class="top-level-nav-link" href="{{url}}">
                    {{name}}
                  </a>
                </li>
              {{/if}}
            {{/if}}
        {{/each}}
      </ul>
    </nav>