管子。向Angular 2中的组件注入组件

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

@Injectable()
export class MyService {
  getData() {
    return 'Hello from MyService!';
  }
}

@Component({
  selector: 'app-child',
  template: `
    <h2>{{ data }}</h2>
  `
})
export class ChildComponent {
  constructor(private myService: MyService) {}

  get data() {
    return this.myService.getData();
  }
}

@Component({
  selector: 'app-parent',
  template: `
    <app-child></app-child>
  `,
  providers: [MyService]
})
export class ParentComponent {}