Angular组件之间发送消息接收消息

需要创建一个service来发送接收消息

import { Injectable } from '@angular/core';
import { Observable, Subject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class MessageService {

  public message$: Observable<any>; // 监听message
  private _messageSub: Subject<any> = new Subject<any>();

  constructor() {
    this.message$ = this._messageSub.asObservable(); // 如果有改变的话则会传递消息
  }

  public messageChange(value: any): void {
    this._messageSub.next(value);
  }

}

html

<div class="content">
  <div>
    <app-send-message></app-send-message>
  </div>
  <div>
    <app-get-message></app-get-message>
  </div>
</div>

sendMessage代码

public click(): void {
    this._messageService.messageChange({
      type: 'sendMessage',
      content: '这里是发送的内容',