如何通过outlet在SAP Spartacus的产品明细页面插入自定义UI

• 2020 年 12 月 3 日
• AI

创建一个新的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：

最后的效果：