創建一個新的module：

ng g m myOutlets

再基于該module創建一個Component，注意module的命名規范：

在生成的MyOutletsModule里，導入OutletRefModule：

在新建的module的Component html里，輸入如下html代碼：

<ng-template cxOutletRef="ProductDetailsPageTemplate" cxOutletPos="before"> <p>Jerry PlaceHolder</p> </ng-template>

在新建的module里導出myOutlet Component：

在app module里，導入OutletRef module和我自己新建的myOutLet module：

最后一步，在app Component html里加入我新建的Component的selector：

最后的效果：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的如何通过outlet在SAP Spartacus的产品明细页面插入自定义UI的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。