angular-docs-cn/public/docs/_examples/dependency-injection/ts/app/heroes/heroes.component.ts

// #docregion
import { Component }          from '@angular/core';

import { HeroListComponent }  from './hero-list.component';
import { heroServiceProvider} from './hero.service.provider';

@Component({
  selector: 'my-heroes',
  template: `
  <h2>Heroes</h2>
  <hero-list></hero-list>
  `,
  providers:[heroServiceProvider],
  directives:[HeroListComponent]
})
export class HeroesComponent { }