26 lines
597 B
TypeScript
26 lines
597 B
TypeScript
|
import {Component, HostBinding} from 'angular2/core';
|
||
|
|
import {Hero} from './hero';
|
||
|
|
import {HeroAppMainComponent} from './hero-app-main.component';
|
||
|
|
|
||
|
|
// #docregion
|
||
|
|
@Component({
|
||
|
|
selector: 'hero-app',
|
||
|
|
template: `
|
||
|
|
<h1>Tour of Heroes</h1>
|
||
|
|
<hero-app-main [hero]=hero></hero-app-main>`,
|
||
|
|
styles: ['h1 { font-weight: normal; }'],
|
||
|
|
directives: [HeroAppMainComponent]
|
||
|
|
})
|
||
|
|
// #enddocregion
|
||
|
|
export class HeroAppComponent {
|
||
|
|
hero = new Hero(
|
||
|
|
'Human Torch',
|
||
|
|
['Mister Fantastic', 'Invisible Woman', 'Thing']
|
||
|
|
)
|
||
|
|
|
||
|
|
@HostBinding('class') get themeClass() {
|
||
|
|
return 'theme-light';
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|