防止某些页面被列出

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>

handlebars 中没有 if/and 条件，因此对于多个条件，您可以嵌套 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>

防止某些页面被列出

Prevent some pages to be listed

bigcommerce