从内部更改路由器插座的内容

Question

我的应用程序中有这样的html：

<login-menu></login-menu>
<top-menu-bar></top-menu-bar>

<div class="grid-container">
  <router-outlet></router-outlet>
</div>

如您所见，这很简单。顶部菜单栏将组件注入路由器插座。如何使注入的组件可以更改此路由器出口标签的内容？假设我要使注入的组件具有这样的效果：

  <a (click)="showPersonalProfile('1')" >{{person.name}}</a>

并单击父组件路由器出口已更改。我尝试通过EventEmitter进行此操作，但失败了。有谁有解决该问题的例子吗？

Answer 1

router.navigate([{outlets: {primary: 'path'}}]);

Answer 2