在Angular 2中不使用@Input装饰器的组件之间传递变量

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

@Injectable()
export class DataService {
  private myVariable: any;

  setVariable(value: any) {
    this.myVariable = value;
  }

  getVariable() {
    return this.myVariable;
  }
}

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

@Component({
  selector: 'sender-component',
  template: `
    <button (click)="sendVariable()">Send Variable</button>
  `
})
export class SenderComponent {
  constructor(private dataService: DataService) {}

  sendVariable() {
    const variable = 'Hello, World!';
    this.dataService.setVariable(variable);
  }
}

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

@Component({
  selector: 'receiver-component',
  template: `
    <p>Received Variable: {{ receivedVariable }}</p>
  `
})
export class ReceiverComponent {
  receivedVariable: any;

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