Angular5从应用程序根组件

Question

请参阅示例：https://angular-4zfq9r.stackblitz.io/home

代码：https://stackblitz.com/edit/angular-4zfq9r

我有根组件AppComponent与router-outlet。

我有一个带

的HomeModule

• HomeComponent
• MessageComponent

HomeComponent有一个名为router-outlet的'message'

路由配置： AppModule : { path:'hello', component:HelloComponent } // not relevant HomeModule : { path:'home', component:HomeComponent, children:[ { path:'message', component:MessageComponent, outlet:'message'} ] }

指向主要路由的消息的路由器链接在主组件内工作。

<a [routerLink]="[{outlets:{message:['message']}}]">[message from home]</a>

以上路由器链接无法在App根组件中运行。 添加主路由时，它可以工作，但我不想指定主路由，因为我想为当时处于活动状态的任何子组件激活消息。并且消息route-outlet必须在HomeComponent内，因为它的内容必须相对于HomeComponent

在app root = / home（message：message）

中生成的url

在家中生成的网址= / home /（message：message）

有什么方法可以让它发挥作用吗？

Answer 1

我用它来解决我的类似问题

<a [routerLink]="['', { outlets: { message: ['message'] } }]">Contact</a>