angular-docs-cn/public/docs/_examples/upgrade-module/ts/app/2-to-1-providers/hero-detail.component.ts

import { Heroes } from './heroes';

// #docregion
export const heroDetailComponent = {
  template: `
    <h2>{{$ctrl.hero.id}}: {{$ctrl.hero.name}}</h2>
  `,
  controller: ['heroes', function(heroes: Heroes) {
    this.hero = heroes.get()[0];
  }]
};