Page包含slots，slots包含Components.

Spartacus使用page template来组织slots和Components.

一个page template包含了一些可被全局使用的layout和Components，比如header和footer section.

在PagelayoutComponent里增添一些打印信息, 显示layoutName$的值：

运行时的template列表：

header

LandingPage2Template

footer

这三个sections定义在layout-config.ts里：

sections里包含page slot：

以下图header section里包含的slots为例：

header: {lg: {slots: ['PreHeader','SiteContext','SiteLinks','SiteLogo','SearchBox','SiteLogin','MiniCart','NavigationBar',],}

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

SAP Spartacus PagelayoutComponent里的section和slot相关推荐

如何查看 SAP Spartacus PageLayoutComponent 里的 template$ 的值
SAP Spartacus PageLayoutService.ts 里的 templateName$ get 操作:返回一个 Observable 对象,包裹的类型为 string. pipe 的第 ...
SAP Spartacus PagelayoutComponent里的template
添加如下打印语句: <h1>PageLayout template: {{ layoutName$ | async }} </h1> <h2>template na ...
SAP Spartacus cxOutlet里的元数据存储，outlet名称和待渲染Component的映射关系
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
SAP Spartacus cxOutlet 里的 templatesRefs 的填充逻辑
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
SAP Spartacus PageLayoutComponent 如何知道自己应该显示哪些具体内容
我们以前介绍过,经过 SAP Spartacus 路由配置后的 routes 数组,其 route 数据结构的 Component 属性,清一色指向 generic 的 PageLayoutCompo ...
SAP Spartacus url里默认electronics-spa的由来
单步调试时密切关注url的变化,初始url为localhost:4200: 这个electronics-spa即使在后台没有连通的情况下也能用,说明肯定不是从后台返回的: 这篇文章SAP Sparta ...
SAP Spartacus store里引用的library是如何编译出来的
看一个基于SAP Spartacus library开发的storefront Angular应用的依赖: "@spartacus/assets": "^2.1.0&qu ...
使用 selector 从 SAP Spartacus state 里读取 Cart 数据
选择器 selector 是用于获取存储状态 state 切片的纯函数. @ngrx/store 提供了一些帮助函数来优化这个选择. 选择器在选择状态切片时提供了许多功能. 使用 createSele ...
如何通过代码获得当前SAP Spartacus Component渲染所基于的slot名称
什么是PageSlotComponent /*** The `PageSlotComponent` is used to render the CMS page slot and it's compo ...

SAP Spartacus PagelayoutComponent里的section和slot

header

LandingPage2Template

footer

SAP Spartacus PagelayoutComponent里的section和slot相关推荐

最新文章

热门文章