Angular多个组件通过不工作的服务共享数据

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  sharedData: any;

  constructor() { }
}

import { Component } from '@angular/core';
import { DataService } from '路径/data.service';

@Component({
  selector: 'app-component-a',
  template: `
    <div>
      <input [(ngModel)]="sharedData" (ngModelChange)="updateData()" placeholder="输入数据">
    </div>
  `
})
export class ComponentA {
  sharedData: any;

  constructor(private dataService: DataService) {
    this.sharedData = this.dataService.sharedData;
  }

  updateData() {
    this.dataService.sharedData = this.sharedData;
  }
}

import { Component } from '@angular/core';
import { DataService } from '路径/data.service';

@Component({
  selector: 'app-component-b',
  template: `
    <div>
      <p>共享的数据：{{ sharedData }}</p>
    </div>
  `
})
export class ComponentB {
  sharedData: any;

  constructor(private dataService: DataService) {
    this.sharedData = this.dataService.sharedData;
  }
}