即使我可以在控制台中读取数据，通过路由器插座传递给 HomeComponent 的数据也不会呈现答案

【问题标题】：Data passed to HomeComponent via router-outlet not rendering even though I can read the data in the console即使我可以在控制台中读取数据，通过路由器插座传递给 HomeComponent 的数据也不会呈现
【发布时间】：2019-08-16 06:05:04
【问题描述】：

我是 Angular 的新手，正在尝试构建一个带有路由的笔记应用程序，但我遇到了一个我无法弄清楚的问题：

我可以通过routerLink 让我的AddComponent 正确加载，然后使用DataService 将表单数据从AddComponent 传递到我想要呈现笔记的HomeComponent。但是，我的HomeComponent 不会呈现笔记列表，即使我可以在控制台中阅读它。将笔记记录在HomeComponent 中。我可以让它工作的唯一方法是在我的 app.component.html 中添加<app-home></app-home> 选择器，但显然这违背了使用路由器和<router-outlet></router-outlet> 的目的。

就像我说的，我是 Angular 的新手，我花了几个小时阅读文档试图找出问题所在，所以我非常感谢任何帮助！

回购：https://github.com/iamcharliekim/angular-notes

【问题讨论】：

标签： angular parameters routing

【解决方案1】：

当您订阅时，您不会只收到 1 条注释，您会收到所有注释。当您想将一个元素添加到数组时，您使用的方法push()。在您的情况下，您应该将this.notes.push(note) 更改为this.notes = note。但我也会将订阅中的变量名称更改为“notes”而不是“note”，因为它们有很多。

【讨论】：

不确定我是否完全理解您在说什么，但我尝试了您的建议，但没有奏效。如果我将 this.notes.push(note) 设置为 this.notes = note，那么它只会呈现我提交的最新注释。我想在我的 HomeComponent 中保存一组笔记对象，然后在我的模板中使用 *ngFor 对其进行迭代。