如何仅在某些页面上隐藏我的左侧导航菜单

Question

我正在处理 angular5/html 5 项目。我有一个侧面导航菜单组件，它显示在我的应用程序的所有页面上。问题是这个侧边导航菜单组件是动态的，如果在应用程序中添加更多页面，它会自动更新。

现在我想做的是仅在某些页面上隐藏此菜单。例如，我想在第 1-5 页保持可见，在第 6-8 页隐藏，在第 9 和 10 页再次可见。我应该怎么做？

这是我为侧导航菜单编辑的 html 代码：

<aside>
  <div class="sidebar">
    <nav>
      <div class="sidebar__wrap">

        <ol class="left-nav">
        </ol>
      </div>
    </nav>
  </div>
</aside>

Answer 1

请参阅如何获取当前路线 您可以从RoutersideNav 的父组件或 sideNav 本身和*ngIf模板上的对象读取路线：

constructor(router: Router) {
  router.events.subscribe(event => {
    if (router.url === 'SOMEROUTE') {
      this.showSideNav = false;
    }
  }
}

然后*ngIf在你身边设置导航到showSideNav.