如何使用angular6从一个组件传递来自另一个组件的对象

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

@Component({
  selector: 'app-receiver-component',
  template: `
    <div>
      <h2>接收组件</h2>
      <p>接收到的对象：{{ receivedObject | json }}</p>
    </div>
  `
})
export class ReceiverComponent {
  @Input() receivedObject: any;
}

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

@Component({
  selector: 'app-sender-component',
  template: `
    <div>
      <h2>发送组件</h2>
      <button (click)="sendObject()">发送对象</button>
    </div>
  `
})
export class SenderComponent {
  @Output() objectSent = new EventEmitter<any>();

  sendObject() {
    const objectToSend = { name: 'John', age: 25 };
    this.objectSent.emit(objectToSend);
  }
}

<div>
  <app-sender-component (objectSent)="receiveObject($event)"></app-sender-component>
  <app-receiver-component [receivedObject]="receivedObject"></app-receiver-component>
</div>

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

@Component({
  selector: 'app-parent-component',
  template: `
    <div>
      <app-sender-component (objectSent)="receiveObject($event)"></app-sender-component>
      <app-receiver-component [receivedObject]="receivedObject"></app-receiver-component>
    </div>
  `
})
export class ParentComponent {
  receivedObject: any;

  receiveObject(object: any) {
    this.receivedObject = object;
  }
}