2017-02-15 24 views
-2

私はAngular'sチュートリアル(チュートリアル:Tour of Heroes)をやっていますが、固まってしまいました。角度チュートリアルは第5章では機能しません(ルーティング)

私は第5章(ROUTING)にいました。「Refactor routes to a Routing Module」に到達するまで続きました。 この時点で、私はnpm startを実行してコードを見ることができると考えましたが、画面はLoading AppComponent content here ...で停止しました。

チュートリアルコードをGitHub(https://github.com/btfurukawatkr/angular-tour-of-heroes)にアップロードしました。 誰かが私が間違ったことを手伝ってくれますか?

チュートリアル:https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

+1

コンソールにエラーがあります。なぜあなたの質問にそれを提供しないのですか? – echonax

+0

実際には、 'npm start'を実行したときに何のエラーも感じなかったので、混乱していました – guchuan

+0

ブラウザのコンソールからエラーメッセージを追加してください) – Saka7

答えて

1

をあなたがHeroDetailComponent@Inputデコレータheroにプロパティを追加していないので、Can't bind to 'hero' since it isn't a known property of 'my-hero-detail'.エラーが<my-hero-detail [ERROR ->][hero]="selectedHero"></my-hero-detail>であるデベロッパーコンソールで見ることができるように。また、index.html<base href="/">を追加していません。

hero.detail.component.ts

import { Component, OnInit, Input } from '@angular/core'; 
//... 

@Component({ 
    moduleId: module.id, 
    selector: 'my-hero-detail', 
    templateUrl: './hero-detail.component.html' 
}) 
export class HeroDetailComponent implements OnInit { 
    @Input() private hero: Hero; 
    //... 
} 

index.htmlを

<!DOCTYPE html> 
<html> 
    <head> 
    <!-- ... --> 
    <base href="/"> 
    <!-- ... --> 
    </head> 
    <body> 
    <my-app>Loading AppComponent content here ...</my-app> 
    </body> 
</html> 

Component Communicationチュートリアルを読みます。

+0

' '修正。ご意見ありがとうございます。 – guchuan

関連する問題