建立一個新的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:
最後的效果:
最新評論