Angular 角度2-7：什么'；在同一URL上隐藏/显示组件的最佳方法是什么？

由于一些平台限制，我无法使用路由-不同的URL导航到不同的组件

换句话说，只有

没有

没有

我设法将AppComponent中的所有子组件作为父组件，并使用变量指示要通过ui操作隐藏和显示的子组件，以便操纵布局

由于有大量的组件放在一起，ts文件中的代码很混乱

我想知道是否有更好的方法不使用布尔和ngIf来显示或隐藏子组件

解决方案1：路由是否具有高级功能，可以导航到同一url上的不同组件

结果2：使用路由参数

解决方案1：路由是否具有可导航到的高级功能 同一url上的不同组件

是的，您可以使用哈希定位策略。这样，您的页面将仅按角度进行路由

例如： 您的服务器不会尝试为用户返回页面，而是会对其进行评估并呈现用户屏幕

您唯一需要做的就是使用true初始化useHash

@NgModule({
  imports: [ RouterModule.forRoot(routes, {useHash: true})],
  exports: [ RouterModule ]
})

这将是一个更好的解决方案，然后再寻找一种更干净的方法，在一个页面中隐藏和显示组件。

看看

@NgModule({
  imports: [ RouterModule.forRoot(routes, {useHash: true})],
  exports: [ RouterModule ]
})