Angular使用Rxjs实现组件间通信

Angular使用Rxjs实现组件间通信

step1: 添加服务

 ng generate service data   

step2: D:\vue\untitled2901\src\app\data.service.ts 服务类

import {
   Injectable} from '@angular/core';
import {
   BehaviorSubject} from "rxjs";

@Injectable()
export class DataService {
   

  private messageSource = new BehaviorSubject('default message')
  currentMessage = this.messageSource.asObservable()

  constructor() {
   
  }

  changeMessage(message: string) {
   
    this.messageSource.next(message)
  }
}

step3: D:\vue\untitled2901\src\app\app.module.ts 记得把服务添加到主程序中，不然无法识别和使用

import {
    NgModule } from '@