有没有办法在angular2中的服务和组件之间发送事件

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

@Injectable()
export class EventService {
  private subject = new Subject<any>();

  publishEvent(event: any) {
    this.subject.next(event);
  }

  subscribeToEvent(): Observable<any> {
    return this.subject.asObservable();
  }
}

import { Component } from '@angular/core';
import { EventService } from './event.service';

@Component({
  selector: 'app-sender',
  template: `
    <button (click)="sendEvent()">发送事件</button>
  `
})
export class SenderComponent {
  constructor(private eventService: EventService) {}

  sendEvent() {
    this.eventService.publishEvent({ data: 'Hello from sender' });
  }
}

import { Component, OnInit } from '@angular/core';
import { EventService } from './event.service';

@Component({
  selector: 'app-receiver',
  template: `
    <div>{{ eventData }}</div>
  `
})
export class ReceiverComponent implements OnInit {
  eventData: any;

  constructor(private eventService: EventService) {}

  ngOnInit() {
    this.eventService.subscribeToEvent().subscribe(event => {
      this.eventData = event.data;
    });
  }
}