Question

我的main（app.component.html）视图中有两个html部分 - 一个用于导航到导航栏的按钮导航到子页面，另一个用于显示记录表。当选择表的记录时，我希望记录的详细信息页面应显示在路由器插座中，但表格应该消失。但是详细信息页面显示在表格中，而我希望当应用程序路由到子页面时，记录表应该消失（详细信息页面）。任何帮助如何实现这一点将不胜感激。

这是我的代码：

<div class="navbar bg-inverse">
    <div class="container">
      <a href="#" class="navbar-brand">Home</a>
      <a routerLink="/general" routerLinkActive="active" class="navbar-brand">General</a>
      <a routerLink="/financial" routerLinkActive="active" class="navbar-brand">Financial</a>
      <a routerLink="/termsheet" routerLinkActive="active" class="navbar-brand">Term Sheet</a>
      <a routerLink="/capitalization" routerLinkActive="active" class="navbar-brand">Capitalization</a>
    </div>   
  </div>



   <!--I don't want below section of the main displaying when routed to child page  
        <h1>table of records here</h1> 

        <router-outlet></router-outlet>

由于 yesp。

Answer 1

您将表格部分放在一个单独的组件中的想法看起来很有效，但是从app.component.ts移动到dashboard.ts的分页逻辑被破坏并且点击了下一页（转到下一页但是立即在一秒钟它回到第1页agian）现在不能正常工作。无论如何，我将调查分页问题，并在问题仍然存在的情况下回到董事会。谢谢你的帮助！

由于 yesp

angular - 不想在路由视图中显示主视图的一部分

1 个答案: