Angular 2中的子组件父组件通信

Question

我正在为我的项目使用https://github.com/mgechev/angular-seed。我需要通过header组件更新购物车中的值，同时点击addtocart组件中的item。请帮我。我是Angular 2的新手。我使用了与https://github.com/mgechev/angular-seed中相同的代码结构。

Answer 1

您可以使用角度服务在组件，指令和服务之间进行通信。您还可以使用@Input和@Output在父子组件之间进行通信。还有其他方法，取决于您的需求...检查角度页面：

https://angular.io/docs/ts/latest/cookbook/component-communication.html

Answer 2

使用subject类型（observable）定义服务中的属性，并在子组件中调用或使用该属性，使用下一个函数并在next函数中传递数据。在父组件中，只需订阅此可观察对象。以下https://github.com/aryanisml/Angular-Services-Observables会对您有所帮助。