角质2 HTTP (英雄之旅教程-角质网站)

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方法的签名是返回多个英雄:英雄阵列的承诺。我把它改成了“单身英雄”(没有括号)。

目前：

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’

前置的“应用程序”就像这样：

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

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