Angular:使用路由器插座从子节点向父节点传递数据或事件

<ng-container #myOutlet></ng-container>

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <button (click)="sendData()">Send Data</button>
  `
})
export class ChildComponent {
  @Output() dataEvent = new EventEmitter<string>();

  sendData() {
    this.dataEvent.emit('Hello from child!');
  }
}

<app-child (dataEvent)="handleData($event)"></app-child>

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <ng-container #myOutlet></ng-container>
  `
})
export class ParentComponent {
  handleData(data: string) {
    console.log(data); // Output: Hello from child!
  }
}