Javascript 如何通过路由器出口将组件的输出发送到父组件

我需要发出一个字符串 父页面

<div class="container-fluid fluidy">
     <router-outlet (currentpage)="componentAdded($event)"></router-outlet>
</div>

  @Output() currentpage = new EventEmitter<string>();

  ngOnInit(): void {
    this.currentpage.emit('profile');
  }

子页面

<div class="container-fluid fluidy">
     <router-outlet (currentpage)="componentAdded($event)"></router-outlet>
</div>

  @Output() currentpage = new EventEmitter<string>();

  ngOnInit(): void {
    this.currentpage.emit('profile');
  }

@Output（）currentpage=neweventemitter（）；
ngOnInit（）：void{
this.currentpage.emit（'profile'）；
}

如果一个组件在路由器出口内部启动，它就不再是具有路由器出口的组件的子组件。因此，通常在路由器出口标签上有输出将不起作用。相反，你可以这样做

父组件html

<router-outlet (activate)="componentActivated($event)" (deactivate)="componentDeactivated($event)"></router-outlet>

---

如果一个组件在路由器出口内部启动，它就不再是具有路由器出口的组件的子组件。因此，通常在路由器出口标签上有输出将不起作用。相反，你可以这样做

父组件html

<router-outlet (activate)="componentActivated($event)" (deactivate)="componentDeactivated($event)"></router-outlet>