Угловое учебное пособие, не работающее над Главой 5 (Маршрутизация)

-2

Я делаю Угловое руководство (Учебное пособие: Путешествие по Героям), но застрял и хотел бы получить некоторую помощь.Угловое учебное пособие, не работающее над Главой 5 (Маршрутизация)

Я был на Chapter5 (ROUTING) и продолжал работу до тех пор, пока не дошел до «Рефакторирования маршрутов к модулю маршрутизации». На этом этапе я думал, что вижу, что мои коды работают в браузере, выполнив 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

источник

2017-02-15 guchuan

У вас возникла ошибка в консоли. Почему бы вам не задать его в своем вопросе? – echonax

На самом деле, я не заметил никаких ошибок, когда я сделал «npm start», так вот что меня путало – guchuan

Вам следует добавить сообщение об ошибке со своей консоли браузера) – Saka7

Как вы можете видеть в консоли разработчика 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>, потому что вы не добавили @Input декоратора hero недвижимость в HeroDetailComponent. Также вы не добавили <base href="/"> в index.html.

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 учебник.

источник

2017-02-15 08:27:12 Saka7

'' исправлено , Спасибо за ваш комментарий. – guchuan

Если у вас есть ошибки в угловых вы должны обеспечить ошибку в консоли разработчика.

В любом случае вы можете найти решение здесь: Angular 2 Tutorial, unhandled promise rejection on routing section

источник

2017-02-15 08:05:33

Угловое учебное пособие, не работающее над Главой 5 (Маршрутизация)

ответ

Смежные вопросы