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

我在我的主（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。

来源

2017-11-18 yespz

可以请你分享你的route.ts文件吗？我认为你的问题是，你已经把你的记录表放在路由器插座的上方。所以无论什么路线，表格都会保留在那里。如果您移动表格以记录到另一个组件并将该组件作为加载时的默认视图，那么我希望问题能够得到解决。 –

将表格部分放在单独的组件中的想法看起来很有用，但从app.component.ts移动到dashboard.ts的分页逻辑被破坏，并且点击下一页（转到下一页但立即在一秒钟内它回到第1页agian）现在不工作。无论如何，我会研究分页问题，并回到董事会，以防问题依然存在。谢谢你的帮助！

谢谢 yesp

来源

2017-11-20 17:04:47 yespz

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

回答

相关问题