Question

请帮我一个想法，因为我没有找到任何相关信息。我希望在第一个路径中有一个组件，在我的第二个路由中我想保留该组件，我想再添加一个组件而不重新加载我的第一个组件，因为我里面有一个iframe。我用两个路由器插座做了它，但我需要只用一个路由器插座。这是我的代码：

主要组件模板：

<nav>
    <a [routerLink]="['route1']">route1</a>
    <a [routerLink]="['route2']">route2</a>
</nav>
<router-outlet></router-outlet>

and my @RouteConfig([

    {
        path: '/route1',
        component: IframeComponent
    },

    {
        path: '/route2',
        name: 'Products',
        component: IframeComponent /// and here i need to add one more
    }
])

有没有办法实现这个目标？

Answer 1

将您的route2 - 组件设置为子组件，并在您的父组件<router-outlet></router-outlet>中添加IframeComponent，这将使其成为＆＃34;其他＆＃34;组件将在IframeComponent内呈现。

    {
        path: 'route1',
        component: IframeComponent
        children: [
           {
            path: 'route2',
            component: TheOtherComponent
        ]
    }

Angular2在同一路线上有很多组件

1 个答案: