角度2のコンポーネントを表示する方法は？

Question

angle2-seedアプリを使用して角度2で始めるだけです：https://github.com/angular/angular2-seed。私はコンポーネントを作成しているが、それは文句を言わないページに表示され、このコンポーネントは、コンポーネントと同じレベルで呼ばexternal_componentsがディレクトリに座っている：

import {Component} from 'angular2/core'; 
//import {Router, RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router'; 

import {Home} from './components/home/home'; 
import {About} from './components/about/about'; 
import {SiteQualification} from './external_components/sitequalification'; 
import {RepoBrowser} from './components/repo-browser/repo-browser'; 

@Component({ 
    selector: 'seed-app', 
    providers: [], 
    pipes: [], 

    templateUrl: 'app/seed-app.html', 
}) 

export class SeedApp { 

    constructor() { 
    } 

} 

：

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'SiteQualification', 
    template: '<div>hello service external</div>', 
}) 
export class SiteQualification { 

    constructor() {} 

    ngOnInit() { 

    } 

} 

これは種子app.tsです種子app.htmlで

私が持っている：

import {bootstrap} from 'angular2/platform/browser'; 
import {provide} from 'angular2/core'; 
import {HTTP_PROVIDERS} from 'angular2/http'; 
import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from 'angular2/router'; 

import {SeedApp} from './app/seed-app'; 


bootstrap(SeedApp, [ 
    HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    provide(LocationStrategy, {useClass: HashLocationStrategy}) 
]) 
.catch(err => console.error(err)); 

：

<main> 
    <siteQualification></siteQualification> 
</main> 

これはapp.tsです

ルータも削除しました。 問題はコンポーネントが表示されないことですか？私は何が欠けていますか？あなたはそれらが使用されているコンポーネントのdirectives: [...]リスト内のコンポーネントとディレクティブをリストする必要が

Answer 1

：

@Component({ 
    selector: 'seed-app', 
    directives: [SiteQualification], 
    ... 
})