关于sap:在SAP-Spartacus产品明细页面用outlet显示自定义数据

首先创立一个新的Angular module和Component：

这个新的module，因为要应用Outlet性能，所以须要从@Spartacus/storefront里导入OutletRefModule，以及导出咱们本人实现的MyOutletsComponent以便让外界生产。

MyOutletsComponent的实现：

在构造函数里注入currentProductService, 调用getProduct办法异步读取以后product属性，存储在属性product$里：

在这个Component的html里，显示product$的值：

<ng-template cxOutletRef="ProductDetailsPageTemplate" cxOutletPos="before" let-model>    <h1>Jerry</h1>    <p>Product: {{ product$ | async | json }}</p></ng-template>

最初别忘了把Component的selector标签加到app Component的html里：

最初的成果：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":