Question

所以目前正在处理一个项目，该项目有许多必须显示的嵌套路由。原因是有两个单独的组件同时显示，单击时会切换出来。我的问题是我们如何正确地获取动态显示的嵌套视图？

为了让您了解我们的层次结构，我们有：看法 | 家 | 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)
}

我感谢任何帮助或提示，如果您希望我扩展任何内容，请告诉我，谢谢您的时间！

如何正确显示嵌套视图？

0 个答案: