angular-cn/public/docs/_examples/pipes/ts/app/app.component.ts

// #docregion
import {Component} from 'angular2/core';
import {HTTP_PROVIDERS}    from 'angular2/http';

import {FlyingHeroesComponent,
        FlyingHeroesImpureComponent} from './flying-heroes.component';
import {HeroAsyncMessageComponent} from './hero-async-message.component';
import {HeroBirthday} from './hero-birthday1.component';
import {HeroBirthday2} from './hero-birthday2.component';
import {HeroListComponent} from './hero-list.component';
import {PowerBooster} from './power-booster.component';
import {PowerBoostCalculator} from './power-boost-calculator.component';

@Component({
  selector: 'my-app',
  templateUrl: 'app/app.component.html',
  directives:[
    FlyingHeroesComponent, FlyingHeroesImpureComponent,
    HeroAsyncMessageComponent,
    HeroBirthday,
    HeroBirthday2,
    HeroListComponent,
    PowerBooster, PowerBoostCalculator
  ],
  providers:[HTTP_PROVIDERS]
})
export class AppComponent {
  birthday = new Date(1988,3,15); // April 15, 1988
}