SAP Spartacus Storefront 页面 cx-page-layout 的赋值逻辑
分别是header,navigation和footer:
对应的 Component 实现里,有对应的 set 方法:
section$ 是一个 BehaviorSubject.
其中每个section里包含的slots,定义在文件layout-config.ts里:
运行时打印的输出:
Storefront.component.html的cx-page-layout design time:
运行时的callstack:
这个section有@Input注解:
Decorator that marks a class field as an input property and supplies configuration metadata. The input property is bound to a DOM property in the template. During change detection, Angular automatically updates the data property with the DOM property’s value.
该input property绑定到DOM property,其值来自DOM元素的对应属性。
section$是一个BehaviorSubject,通过next函数将section的值传递给其他subscriber:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus Storefront 页面 cx-page-layout 的赋值逻辑相关推荐
- SAP Spartacus Storefront页面的page layout config
在page-layout.service.ts里的getPageFoldSlot方法设置断点: 在this.config里即可获得所有的配置信息.其中和layout相关的breakpoints: la ...
- SAP Spartacus B2B 页面 Popover Component 的条件显示逻辑
如下图所示,这个 B2B 页面 的 Popover Component: 触发其的按钮位于 cx-org-card 内: 而下面这个 assigned users 明细页面,为什么就没有显示 Popo ...
- SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
- 以 library 方式启动的 SAP Spartacus Storefront,如何手动实现 User 模块的延迟加载
首先了解 SAP Spartacus Storefront 是如何导入 feature module 的.本文写作版本:Spartacus-core:3.4.1 AppModule->Spart ...
- SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
- SAP Spartacus 的页面模型在SAP 电商云后台WCMS里的模型
如下图所示,template id:LandingPage2Template 在SAP Commerce Cloud后台根据id来查找template:LandingPage2Template 该模板 ...
- 如何给 SAP Spartacus Storefront 创建新的页面
page template 不包含 layout 或者 design information. content slot 在页面上的具体位置,以及 layout 和 design 的选择,必须在前端指 ...
- SAP Spartacus 的页面设计思路
CMS提供了page structure,但不提供clear layout definition. 所谓CMS page structure,即CMS只提供了一个有序清单,包含了slots和Compo ...
- SAP Spartacus CMS 页面加载逻辑和性能的优化
https://github.com/SAP/spartacus/issues/3649 SAP Commerce Cloud CMS 页面加载的一些优化点: Payload of the CMS p ...
最新文章
- 为什么企业选择年底裁员?如何选择一个正确的公司!
- 【网络安全】一次应急实战经验思路分享
- PAT_B_1002_Java(20分)
- 迷惑!博士生发Nature造假,怕被调查扔掉实验室万元电脑
- c++调用python找不到py文件的可能原因
- 【分形算法】Jason带你飞之1——LS文法的java实现
- 苹果鼠标怎么充电_双十一苹果无线充电宝怎么选?充电兼容性强的品牌推荐_...
- CDN学习笔记二(技术详解)
- 易语言 查询API之文本和字体函数
- PPT设置自动保存时间 mac_你对着PPT抓狂的那几秒,像极了爱情(1)
- 微信公众号的调试与测试
- 写给小白的Python之006:数据类型之列表
- Python模拟微信发红包
- cdr文字内容显示不出来_cdr中字体预览不显示 字体安装后cdr不显示
- STM32 内部Flash读写 程序源码 [已验证]
- 新手想搭个游戏私服,但是刚开始就碰壁了。
- 【开发常用工具】MAC(M1)下安装Windows虚拟机
- 为什么深层神经网络难以训练_深度学习与统计力学(III) :神经网络的误差曲面...
- Element Ui之利用sort-change事件及sortable属性实现Table表格指定列的排序
- Henry前端笔记之 git实际操作问题记录