Angular2 / 4 - 无法读取未定义的属性订阅

时间:2017-06-14 11:57:00

标签: angular

我是Angular的新手,最近开始通过阅读一本书“Angular 4'完整的书”开始学习它。在'角度如何工作'第一章我写了一个小库存应用程序,然后是书上的说明,但在启动后出现问题,如下所示: error log on browser console

我的所有组件看起来都没问题,错误似乎与我的代码无关。我甚至比较下载的示例代码,它们看起来非常相似。

我知道这可能不是什么大问题,我应该继续前进,当我获得更多知识时再回到这一点。但真的让我感到困扰......

不确定在这里展示我所有源代码的最佳方式是什么,所以我创建了一个可共享的google驱动器链接和一个.zip,该项目中的所有内容都可以通过链接检索。任何帮助都将受到高度赞赏!!!

https://drive.google.com/file/d/0B76fFkACV6wRdmtJU0Jfc0J4U1U/view?usp=sharing

1 个答案:

答案 0 :(得分:9)

在ProductsListComponent中,您需要更改:

@Output() onProductSelected: EventEmitter<Product>;

到:

@Output() onProductSelected = new EventEmitter<Product>();

此外,删除同一组件中ngOnInit中的行。

创建类时,需要初始化事件发射器。请参阅此示例:http://learnangular2.com/outputs/