在 Spartacus-configuration.module.ts 里可以打印出默认的 layout Config 对象:

这些都是 slots id,如何映射到 CMS Component?

比如索引为3的 SiteLogo, 这个 slot ID,包含的 Component,在 CMS Page API 返回的 response 里。对应的 CMS Component 为 SiteLogoComponent:

Slot 和 Component 可以是1对多的关系,比如 Site Context slot 包含 language 和 currency 两个 Component:

Footer slot 要稍稍复杂一点:

其包含的 FooterNavigationComponent,是一个复合 Component,本身又包含了很多子 Component:

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

SAP Spartacus layoutSlots ID 和 CMSComponent 的映射关系相关推荐

  1. SAP Spartacus 用户请求中的 current id 是从哪里来的

    从 SAP Spartacus 成功登录之后,能在 Local Storage 里观察到 userId 为 current: 这个 current id 从哪里来的呢?在 Spartacus 应用初始 ...

  2. SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差异比较

    SAP Spartacus B2B 页面类似 SAP Fiori Launchpad,共有 6 个 tile(磁贴),点击某个磁贴,能跳转到对应的列表页面. 路由映射就是指点击某个 url 之后(例如 ...

  3. SAP Spartacus cxOutlet里的元数据存储,outlet名称和待渲染Component的映射关系

    cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...

  4. SAP Spartacus的b2cLayoutConfig

    源代码位置:b2c-storefront.module.ts: import { LayoutConfig } from '../../layout/config/layout-config';exp ...

  5. SAP Spartacus SimpleResponsiveBannerComponent url 的数据源

    如下图所示:从 Chrome 开发者工具 network tab 观察到的 urlLink 数据: 根据如下关键字,到 SAP Spartacus sampledata extension 里进行搜索 ...

  6. SAP Spartacus 如何根据 page layout 获得对应支持的 slots

    在 SAP Spartacus PageLayout Component 的实现里,每一个 layoutName 对应都有一个 cxOutlet 可供扩展: 第 13 行的 ngFor 指令,将该实现 ...

  7. SAP Spartacus 的会话管理 Session Management

    官网 从一开始,Spartacus 就包含了客户端身份验证和用户身份验证. 尽管这对于 Web 应用程序来说并不常见,但对于 Spartacus 来说是必须的,因为后者需要使用 OCC API. 客户 ...

  8. SAP Spartacus 中的依赖注入 Dependency Injection 介绍

    先了解 Angular 中的依赖注入 依赖项是指某个类执行其功能所需的服务或对象.依赖项注入(DI)是一种设计模式,在这种设计模式中,类会从外部源请求依赖项而不是让类自己来创建它们. Angular ...

  9. SAP Spartacus checkout 流程使用 url 粘贴直接跳转到 delivery mode不能打开页面的原因

    http://localhost:4200/electronics-spa/en/USD/checkout/delivery-mode 没有任何错误消息,白屏: 能看到向 checkoutDelive ...

最新文章

  1. Orchard 的项目结构-解决方案文件夹的原理与使用
  2. java byte数组转string_Java调用C++接口(初步了解)
  3. 百练OJ:2713:肿瘤面积
  4. python基础-super
  5. SSD之硬的不能再硬的硬核解析
  6. 二进制编译安装mysql_二进制编译安装mysql
  7. 【BZOJ3524】Couriers,第一次的主席树
  8. gps有几个轨道面_同样是精准定位,为何GPS只用24颗卫星,北斗却需要55颗卫星?...
  9. Python之数据分析(坐标刻度定位器、散点图、柱状图、颜色区域填充)
  10. 微课|《Python编程基础与案例集锦(中学版)》第3章例题讲解(2)
  11. Linux下 fio磁盘压测笔记
  12. 解决 iOS 13 定位权限弹框自动消失
  13. 如何加声调口诀_拼音声调怎么标口诀
  14. 银耳椰椰——Alpha冲刺Day05
  15. matlab ps液化,已可工作使用的2020系Adobe_Photoshop_2020_21.0.0.37_ACR12.0_SP_20191030
  16. Science揭秘:为什么“好记性不如烂笔头”?
  17. 昌吉学院计算机工程系毕业后安排工作嘛,经济贸易分院成功举办昌吉学院与我院本科教学与学生工作对接会...
  18. 刑侦科推理试题(不知来源,最右APP看到)
  19. 黑龙江局与深圳大疆公司等开展无人机植保技术交流
  20. uniapp vue 身份证号校验

热门文章

  1. css两列布局之基于BFC规则实现
  2. HTTPClient 出现Cannot inherit from final class
  3. Mac Apache WebDav 服务器配置
  4. linux下通过rsync+inotify 实现数据实时备份(远程容灾备份系统)
  5. 路由协议redistribute重新分配“总结笔记”
  6. 机房系统(五)——【Excel表导出】
  7. JavaEE 从入门到精通(含学习路线)
  8. 方立勋_30天掌握JavaWeb_JSP
  9. ASP.NET MVC SSO单点登录设计与实现
  10. 博客园屏蔽广告CSS