Angular 2 HTTP（英雄之旅教程 - Angular 网站）

Question

下面的教程在这里：https://angular.io/docs/ts/latest/tutorial/toh-pt6.html

当前代码：https://github.com/GreenAnts/Angular2-tour-of-heroes-tutorial

（注意：http必须工作，因为我可以查看英雄，而仪表板正在查看英雄......只有当我查看英雄详细信息时，这对我来说没有意义，因为我从来没有改变我能想到的英雄细节方法。）

尝试查看英雄详情时出错：

我不知道它是什么，我假设它一定是我忽略的一些简单的东西，但我真的无法弄清楚，因为我被卡住了，任何帮助将不胜感激。

我在教程中这样说：

更新英雄详情

我们可以在英雄详情视图中编辑英雄的名字。前进 试试看。当我们输入时，英雄名称会在视图标题中更新。 但是当我们点击返回按钮时，更改就会丢失！

以前没有丢失更新，这是怎么回事？当应用程序使用 模拟英雄列表，直接对英雄对象进行了更改 单一的、应用范围内的共享列表。现在我们正在从 服务器，如果我们希望更改保持不变，我们需要将它们写回 到服务器。

起初我认为这可能是由于这个原因，但它说我们应该能够访问详细视图，所以我假设它是其他原因。

显示我可以访问其他组件的数据（没有错误）：

Answer 1

结果要简单得多，我应该先看看那里。呵呵！

您的 baseHref 为空。那是：

<base href="" />

应该是：

<base href="/" />

您可能想要修复的其他一些问题：

• 每个组件中的“moduleId: module.id”都会在打包应用程序以进行生产时给您带来问题。
• getHero 方法的签名是返回多个英雄：Promise of Hero 数组。我把它改成了单英雄的承诺（没有括号。）

目前：

getHero(id: number): Promise<Hero[]> {
    return this.getHeroes()
    .then(heroes => heroes.find(hero => hero.id === id))
}

应该是：

getHero(id: number): Promise<Hero> {
    return this.getHeroes()
    .then(heroes => heroes.find(hero => hero.id === id))
}

• HTML 和样式 URL 并不总是按定义工作：

  templateUrl: './templates/app.component.html',

  styleUrls: ['./styles/app.component.css']

像这样在前面添加'app'：

templateUrl: 'app/templates/app.component.html',
styleUrls: ['app/styles/app.component.css']

• 您的 node_modules 存储在 Git 中，它们被排除在您的 .gitignore 中，但我猜您是在忽略文件之前提交的。您可以安全地删除那些本地提交，这样它们就不会存储在 Git 中，然后运行“npm install”以仅在本地恢复它们。