在不共享同一父组件的子组件之间共享Angular 2服务

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

@Injectable()
export class SharedService {
  sharedData: any;

  constructor() { }
}

import { NgModule } from '@angular/core';
import { SharedService } from './shared.service';

@NgModule({
  providers: [SharedService],
  // ...
})
export class AppModule { }

import { Component } from '@angular/core';
import { SharedService } from './shared.service';

@Component({
  selector: 'app-child-component',
  template: `
    <div>{{ sharedData }}</div>
  `
})
export class ChildComponent {
  sharedData: any;

  constructor(private sharedService: SharedService) {
    this.sharedData = sharedService.sharedData;
  }
}

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

@Injectable()
export class SharedService {
  sharedData: any;

  constructor() { }

  setSharedData(data: any) {
    this.sharedData = data;
  }

  getSharedData() {
    return this.sharedData;
  }
}

import { Component } from '@angular/core';
import { SharedService } from './shared.service';

@Component({
  selector: 'app-parent-component',
  template: `
    <button (click)="setSharedData()">Set Shared Data</button>
    <app-child-component></app-child-component>
  `
})
export class ParentComponent {
  constructor(private sharedService: SharedService) { }

  setSharedData() {
    this.sharedService.setSharedData('Shared data from parent component');
  }
}