Angular 2在两个组件之间获取数据

时间:2018-04-26 11:09:29

标签: angular product detailsview

我们有两页1)产品和2)产品详细信息页面

  1. 第1页有产品购物车,如图所示。在那里,您可以看到产品详细信息。

  2. 第2页我们有产品详细信息页面,其中将显示产品图片,价格,尺寸,颜色等。当客户点击这些字段并点击添加到购物车时,应在第一页显示添加到购物车详细信息。

  3. 产品详情页面

    enter image description here

    产品页面

    enter image description here

1 个答案:

答案 0 :(得分:-1)

由于您想要通知一个组件有关另一个组件的信息,您可以创建一个可以通知其他订阅者的主题。 Take a look at this code

创建一个对两个组件都通用的服务文件

pattern="[/].[A-Za-z]*"