Angular2/4:如何在多个组件之间共享属性值？

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

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

  constructor() { }

  // 其他共享属性和方法
}

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

@NgModule({
  declarations: [/* 组件声明 */],
  imports: [/* 模块导入 */],
  providers: [SharedService], // 注册服务
  bootstrap: [/* 根组件 */]
})
export class AppModule { }

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

@Component({
  selector: 'app-component1',
  template: `
    <h1>Component 1</h1>
    <p>Shared Property: {{ sharedService.sharedProperty }}</p>
  `
})
export class Component1 {
  constructor(private sharedService: SharedService) { }
}

@Component({
  selector: 'app-component2',
  template: `
    <h1>Component 2</h1>
    <p>Shared Property: {{ sharedService.sharedProperty }}</p>
  `
})
export class Component2 {
  constructor(private sharedService: SharedService) { }
}