所以目前正在处理一个项目,该项目有许多必须显示的嵌套路由。原因是有两个单独的组件同时显示,单击时会切换出来。我的问题是我们如何正确地获取动态显示的嵌套视图?
为了让您了解我们的层次结构,我们有: 看法 | 家 | CARD - 这里是我们希望显示各种卡片的地方,到目前为止我已经得到了所有要显示的内容。
这是我们尝试显示的文件的当前代码:
HTML-----------------
<ion-grid style="background-color: red;">
<ion-router-outlet name="view1"></ion-router-outlet>
<ion-router-outlet name="view2"></ion-router-outlet>
</ion-grid>
CARD.PAGE.ROUTING.MODULE--------------
{
path: ‘card-page’,
component: CardPage,
children: [
{
path: ‘view1’,
outlet: ‘view1’,
loadChildren: () => import(’…/view1/view1.module’).then(m => m.View1PageModule)
},
{
path: ‘view2’,
outlet: ‘view2’,
loadChildren: () => import(’…/view2/view2.module’).then(m => m.View2PageModule)
}
我感谢任何帮助或提示,如果您希望我扩展任何内容,请告诉我,谢谢您的时间!