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

我正在关注来自https://angular.io/tutorial/toh-pt6的 Angular 6 Tour of Heroes 教程，一切正常。内存服务适用于仪表板，英雄列表显示正常。

但是当一个英雄被点击并且英雄细节的组件 getHero() 方法被执行时，即使“id”参数被传递了正确的值，内存中的服务并没有返回任何英雄对象，并且 FireFox 开发者工具控制台显示错误 404“未找到”的响应。

我已经将我的代码与教程页面上发布的代码进行了比较，直到它们相同为止。我在网上搜索过，阅读并尝试了几个建议的修复方法，但没有积极的结果。

我很确定我已经逐步按照教程进行操作，但此时我需要一些帮助。为什么调用该方法通过id获取一个英雄失败，而检索所有英雄的方法却可以正常工作？如果有人经历过同样的经历并且可以分享一些关于这个 404 错误的信息，我将不胜感激。TIA

此致，

瑞克

我是 Angular 的新手，我曾经使用 PHP 和一些 JavaScript 进行编码。所以看了《英雄之旅》示例代码，还是没有搞清楚HttpClient的概念。假设我要使用 MongoDB 和 Node.js 准备 Web API 服务器。如何准备代码以接受来自英雄之旅示例的 API 请求？有关如何执行此操作的任何示例代码？

同样在英雄之旅示例中， hero.service.ts 中执行大部分 http 进程的部分。

这个“api/英雄”指的是哪里？我知道“in-memory-data.service.ts”会处理所有的http请求。但是当我看到里面的代码时，它看起来太简单了。您能否解释一下“in-memory-data.service.ts”如何提供 API 请求所需的数据。例如搜索英雄功能：

该函数使用“api/heroes”并提供查询词（英雄名称）并将返回一个英雄数组。我只是不明白为什么 http.get 可以查看 api/heroes 并获取 Hero 数组。api/heroes 和“in-memory-data.service.ts”之间的联系在哪里？谢谢你。

在英雄之旅第 0 部分中，它说

运行 CLI 命令 ng new 并提供名称 angular-tour-of-heroes，如下所示：

然而，这提示我

您想添加 Angular 路由吗？

该教程没有说明如何回答此提示。我应该选择什么？

我尝试构建 angular-tou-of-heroes 应用程序并将其部署到 github，但路径中总是出现重复的应用程序名称。有人可以帮我解决这个问题吗？

我的构建命令是 ng build --prod --output-path docs --base-href angular-tour-of-heroes 我从 Github /doc 目录部署。单击链接时，它会一直重定向到流动路径，其中有两个英雄之旅 https://frankxiao008.github.io/angular-tour-of-heroes/angular-tour-of-heroes/

这是我的代码的 Github 存储库链接。 https://github.com/frankxiao008/angular-tour-of-heroes

我按照此 说明在此处输入图像描述

我是 Angular 的新手，我从学习教程开始：“英雄之旅”。我不明白 HTTP 部分，我希望有人可以向我解释。在某个时候，他们用 InMemoryDataService 切换了模拟英雄，我明白这项服务将为我提供所有英雄。没看懂，service和heresUrl是什么关系？我没有看到 herosUrl 和 InMemoryDataService 之间的连接

我正在 angular.io 上做官方的“英雄之旅”Angular 教程。

添加一个名为“英雄”的模块并显示它后，一切都很好。heros.component.html 只包含一个 p-tag 说“英雄有用！”。当我更改它时，我的应用程序将得到更新，但它不会更新在 hero.component.html 中所做的更改。因此，即使项目中不再写“英雄作品”，应用程序仍会显示该消息。我真的很感谢你的帮助。

hero.component.ts：

hero.component.html：

app.component.html：

app.component.ts：

app.module.ts：

我已经建立了具有两个属性的“膳食”类，例如 Angular 的英雄之旅教程：

现在我想声明一个像“Mealplan”这样的类。每个膳食计划应包含五个膳食对象，例如：

重要的是，我想将现有的膳食添加到膳食计划中。我不想创建新的用餐对象。是否更建议仅参考 Mealplan 中的膳食 ID？例如：

和

这是我处理这个问题的最好方法吗？或者使用地图或列表或其他东西会更好吗？

刚开始学习角度开发。遵循来自 angular.io 的官方 Angular 文档。一切正常，直到我到达https://angular.io/tutorial/toh-pt6

添加了用于模拟远程服务器的 HttpClientInMemoryWebApiModule，现在它不起作用。

这是浏览器控制台日志：

它现在能够找到“api/heroes”端点。这可能是“HttpClientInMemoryWebApiModule”的配置问题。

这是我的源代码：https ://github.com/csankhala/angular-tour-of-heroes

请让我知道我错过了什么？

刚开始为 Angular 的英雄之旅编写测试用例，但是当我运行它们时，我得到了一个ERROR in src/app/hero.service.spec.ts:36:5 - error TS2532: Object is possibly 'undefined. 我对角度很陌生，我正在努力找出问题所在。我查看了我在网上找到的几个实现，但它们与我的代码相同。任何帮助表示赞赏。

终端输出

hero.service.spec.ts

hero.service.ts（以防问题出在此处）

我正在关注 Angular 教程（英雄之旅），但我无法完成关于 HTTP 的第 7 篇教程，该教程使用 angular-in-memory-web-api 模拟 Web API。一切都是教程中给出的方式。不过，我收到了这个错误。我使用 WebStorm 作为我的编辑器。我花了几个小时浏览其他类似问题的答案，但没有解决我的问题。我已经尝试重新安装服务并重做本教程的这一步，但没有任何效果。

这是我的 in-memory-data.service.ts 文件：

这是我的 app.module.ts 文件：

最后，我的 package.json 是否可以帮助您解决我的问题：

谢谢你帮助我！