import {Component} from 'angular2/core';
import {HeroDetailComponent} from './hero-detail';

@Component({
    selector: 'appTest',template: `
              <h4>下面是另一个component内容</h4>
              <my-hero-detail></my-hero-detail>
              <h4>上面是另一个component内容</h4>
          `,directives: [HeroDetailComponent]
})
export class App {
}

import {Component} from 'angular2/core';
@Component({
    selector: 'my-hero-detail',template: `
        <div>廖建国</div>
    `,})
export class HeroDetailComponent {

}