SAP Spartacus PagelayoutComponent里的template

时间:2022-07-26
本文章向大家介绍SAP Spartacus PagelayoutComponent里的template,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

添加如下打印语句:

<h1>PageLayout template: {{ layoutName$ | async }} </h1>
<h2>template name: {{ templateName$ | async }} </h2>
<h3>slot name: {{ slots$ | async }}</h3>
<h4>section name: {{ section$ | async }}</h4>
<ng-template
  [cxOutlet]="layoutName$ | async"
  [cxOutletContext]="{
    templateName$: templateName$,
    slots$: slots$,
    section$: section$
  }"
>
  <ng-content></ng-content>

  <cx-page-slot
    *ngFor="let slot of slots$ | async"
    [position]="slot"
    [isPageFold]="slot === (pageFoldSlot$ | async)"
  ></cx-page-slot>
</ng-template>

输出: