问题标签 [angular-tour-of-heroes]

在Angular 2 Tour of hero 教程之后，我发现自己想知道如果我使用 REST api 将如何“获得英雄”。

鉴于我有一个正在运行的 APIhttp://localhost:7000/heroes将返回 JSON 的“模拟英雄”列表，我需要做的最低限度是什么才能使这个“可靠”？

据我所知，我应该把它放进去hero.service.ts；特别是在：

但是我完全不知道如何使用http GET来做到这一点，更不用说做得很好/有风格了。

我已经按照教程。在 Http 章节中更改后app/maint.ts，通过命令行启动应用程序时出现错误：

app/main.ts(5,51)：错误 TS2307：找不到模块 'angular2-in-memory-web-api'。

（Visual Studio Code 在 main.ts 中给了我同样的错误 - 红色波浪下划线。）

这是我的systemjs.config.js：

这是我的app/main.ts：

从昨天开始，我一直被困在本教程的数据绑定部分 https://angular.io/docs/ts/latest/tutorial/toh-pt1.html

我一直收到这个错误

未处理的承诺拒绝：模板解析错误：无法绑定到“ngModel”，因为它不是“输入”的已知属性。(" name: ][(ngModel)]="hero.name" placeholder="name"> "): AppComponent@5:12 ; 区域：; 任务：Promise.then；值：错误：模板解析错误：(...) 错误：模板解析错误：无法绑定到“ngModel”，因为它不是“输入”的已知属性。(" name: ][(ngModel)]="hero.name" placeholder="name"> "): AppComponent@5:12

我将我的代码与页面上的代码并排查看，甚至复制了他们的代码，看看我在粘贴时是否注意到任何地方有任何不同，果然它是完全相同的，并且这个错误仍然发生。

我在这个问题上发现的大约 98% 的信息恰好是基于他们忘记导入 FormsModule，我不是这种情况。我什至尝试将它导入到其他 .ts 文件中，以查看是否发生了任何事情，但并没有解决问题。

我遇到另一个提到 angular/forms 依赖项必须为 0.3.0 或更高版本，我检查了包文件，发现我使用的是 2.1.1

我去年安装了 Node，直到现在才真正搞砸它，我有 Windows Vista，所以我无法获得最新版本，我的版本是 5.7.0，我正在使用 npm 3.6.0

这是我的代码

main.ts

app.module.ts

应用程序组件.ts

索引.html

包.json

我不知道它们在节点星号时呈现的 .js 文件是否会有所作为，但我认为目前这可能是矫枉过正，如果这没有显示问题并且你们想看看让我知道我会包括他们。

我正在关注 Angular 的英雄之旅教程。在最后一部分“HTTP”中，添加“angular-in-memory-web-api”时我得到一个空白页面。终端没有显示任何错误消息，但我在浏览器的控制台上收到此消息：

这是我的package.json：

这是我的systemjs.config.js：

我看过其他类似这样的问题但它们没有相同的问题，也没有为我提供解决方案。看起来他们使用的是旧版本的教程。似乎“angular-in-memory-web-api”已经有一段时间有点麻烦了。

任何帮助，将不胜感激！

我下载了 angular.io “英雄之旅”的最终版本，但遇到了错误。我正在使用第一个 plunk 中的 package.json 文件，因为最终 plunk 中没有提供 package.json 文件。npm start 返回以下错误。这是今晚所有内容的全新安装。我用谷歌搜索了其中一些错误，并看到了一些我尝试过的建议，但错误仍然存​​在。知道如何解决吗？

我正在享受英雄之旅教程。一切正常，但我真的对 http 添加英雄功能感到困惑。它似乎神奇地知道分配给新英雄的 id。我在任何地方都看不到任何代码可以获取现有英雄的最大 id 并且增量为 1。有人可以解释一下吗？

我正在尝试从 Angular Docs 构建英雄之旅应用程序。在定义我的英雄阵列并尝试循环遍历它之后，它只会显示空 div。

这是我下面的代码：

html

打字稿

为什么会这样？

我正在学习 Angular。我正在https://stackblitz.com/angular/akkkxgnylgd学习 angular.io/tutorial 英雄之旅。在app/hero.service.ts，有这个代码：

我试图调查对/api/heroes. 我打开了 Chrome 开发者工具，但找不到任何对/api/heroes. 如何查看此 URL 的调用？

我在这里下载了 Angular Tour of Heroes 测试项目。我从一开始就收到以下错误。有任何想法吗？

找不到入口模块中的错误：错误：无法解析“C:\code\testing”中的“C:\code\testing\src\test.ts”

错误 TS6053 中的错误：找不到文件“C:/code/testing/src/test.ts”。src/app/twain/twain.component.marbles.spec.ts(3,40)：错误 TS2307：找不到模块 'jasmine-marbles'。

在使用 Angular 的重复指令 *ngFor 时，我的 Angular 教程“英雄之旅”一直进展顺利，直到我的英雄列表无法显示。使用 npm -v6.4.1 和节点 -v8.12.0。代码与教程中的代码完全相同。

我在 src/app 文件夹中自己的文件中创建了一个 Hero 类，并为其提供了 id 和 name 属性。

在 src/app/ 文件夹中这个名为 mock-heroes.ts 的文件，定义一个 HEROES 常量为一个由十个英雄组成的数组并导出它。

我打开 HeroesComponent 类文件并导入模拟 HEROES 如下图

在同一个文件（HeroesComponent 类）中，我定义了一个名为 heros 的组件属性来公开 HEROES 数组以进行绑定，如下所示。

我在 heros.component.html 文件中通过修改 *ngFor 列出了如下所示的英雄