Question

我正在做Angular的教程（教程：英雄之旅），但卡住了，想得到一些帮助。

我在第5章（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

Answer 1

如果您有角度错误，则应该从开发者控制台提供错误。

无论如何，您可以在此处找到您的解决方案：Angular 2 Tutorial, unhandled promise rejection on routing section

Answer 2

正如您在开发人员控制台中看到的那样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教程。

Angular Tutorial没有使用第5章（路由）

2 个答案: