angular-cn/public/docs/_examples/style-guide/ts/07-04/app/app.component.ts

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

import { HeroArena, HeroService, Hero } from './heroes';

@Component({
  selector: 'toh-app',
  template: '<pre>{{heroes | json}}</pre>',
  providers: [HeroArena, HeroService]
})
export class AppComponent implements OnInit {
  heroes: Hero[] = [];

  constructor(private heroArena: HeroArena) { }

  ngOnInit() {
    this.heroArena.getParticipants().subscribe(heroes => this.heroes = heroes);
  }
}