在SAP Spartacus产品明细页面用outlet显示自定义数据

首先创建一个新的Angular module和Component:在SAP Spartacus产品明细页面用outlet显示自定义数据这个新的module,因为要使用Outlet功能,所以需要从@Spartacus/storefront里导入OutletRefModule,以及导出我们自己实现的MyOutletsComponent以便让外界消费。

在SAP Spartacus产品明细页面用outlet显示自定义数据MyOutletsComponent的实现:

在构造函数里注入currentProductService, 调用getProduct方法异步读取当前product属性,存储在属性product$里:在SAP Spartacus产品明细页面用outlet显示自定义数据在这个Component的html里,显示product$的值:在SAP Spartacus产品明细页面用outlet显示自定义数据在SAP Spartacus产品明细页面用outlet显示自定义数据后别忘了把Component的selector标签加到app Component的html里:

在SAP Spartacus产品明细页面用outlet显示自定义数据最后的效果:在SAP Spartacus产品明细页面用outlet显示自定义数据

上一篇:《Adobe Flash CS6中文版经典教程》——1.13 查找关于使用Flash 的资源


下一篇:探索、前进、方向:上直播的“创业”之路