SAP Spartacus 的 cx-page-layout selector 介绍

在SAP Spartacus page的源代码里，能看到很多cx-page-layout的selector，如下图所示：

这些cx-page-layout不是Directive，而是Component的selector：

cx-page-layout是Component的selector，运行时数据如下：

PageLayout包含了PageSlot：

包含了很多的page slot：PreHeader，SiteContext，SiteLinks等等。

Page Layout包含的Page slot信息，是在layout-config.ts里配置的：

这里的header是section：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus 的 cx-page-layout selector 介绍 - PageLayoutComponent相关推荐

SAP Spartacus 如何根据 page layout 获得对应支持的 slots
在 SAP Spartacus PageLayout Component 的实现里,每一个 layoutName 对应都有一个 cxOutlet 可供扩展: 第 13 行的 ngFor 指令,将该实现 ...
SAP Spartacus home页面的layout，template，section和slots
本地编辑这个文件: projects\storefrontlib\src\cms-structure\page\page-layout\page-layout.component.html 加上如下代 ...
SAP Spartacus的home page navigation逻辑
我以开发模式启动SAP Spartacus,浏览器里输入url: localhost:4200, 会自动重定向到如下页面: http://localhost:4201/powertools-spa/e ...
SAP Spartacus payment detail page的CMS模型
url: http://localhost:4200/electronics-spa/en/USD/my-account/payment-details 请求payment page的url: htt ...
SAP Spartacus 事件服务 Event Service 使用介绍
官方链接:https://sap.github.io/spartacus-docs/event-service/#page-title The Spartacus event service prov ...
如何找到 SAP Spartacus OCC cms page 发送请求时读取 API endpoint 的代码
CmsComponentAdapter: OccCmsComponentAdapter: 此处发起对 home page 的调用: 读取 CMS API 的 url: 这就是我在代码里配置的 endp ...
SAP Spartacus B2B Unit page convertListItem方法的工作原理
点击expand all后,触发该方法: 输入参数unit,就是从后台OCC API返回的数据: 变量node绝大部分数据来自unit,使用-, 增添了一些额外属性: 递归调用: 递归函数处理之后的结 ...
SAP Spartacus B2B Unit page Expand all按钮的工作原理
输入参数:node就是UnitTreeService.getTree返回的数据,key在这个例子为undefine: 因为activeUnitId为空,所以什么也没有执行: 最后的页面显示: Unit ...
SAP Spartacus B2B Unit page OrgUnitService.getTree方法返回的结果
只有到loading为false,success为false,error为false时,才调用208行的this.loadTree加载数据: 发送一个OrgUnitActions.LoadTree的a ...

SAP Spartacus 的 cx-page-layout selector 介绍 - PageLayoutComponent

SAP Spartacus 的 cx-page-layout selector 介绍 - PageLayoutComponent相关推荐

最新文章

热门文章