SAP 电商云 Spartacus UI 的 slot,position 和 Component
在 for 循环里进行的渲染:
最后渲染出来这些 Component 都位于 position 的 slot 内:
slot 和 position 一一对应:
slot 里面又循环 Component:
在 page-slot.component.html 加上一行调试信息:
<div>component id: {{ component.uid }}</div>
最后出来的结果:
再把 position 也打印出来:
最后的结果:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP 电商云 Spartacus UI 的 slot,position 和 Component相关推荐
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...
- Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...
- SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数
为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...
- SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...
- 在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合
先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...
- SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子
如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...
- SAP 电商云 Spartacus UI Quick Order 主页的实现
存货单位(英語:stock keeping unit,SKU/ˌɛsˌkeɪˈjuː/),也翻译为库存单元,是一個會計學名詞,定义为库存管理中的最小可用单元,例如纺织品中一个SKU通常表示规格.颜色. ...
- SAP 电商云 Spartacus UI 从 CMS 取回 slots 和 component 之后的处理
从前一篇文章SAP 电商云 Spartacus UI 的双重 layout 配置层设计 我们得知,Spartacus 层面的 layout-config.ts 可以控制 page template 应 ...
- SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置
如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts ...
最新文章
- 中国AI服务器,刷新全球18项性能基准测试纪录
- java 中while编译之后_从APK反编译的Java-while循环什么也不做
- 【数据结构与算法】之判断一个整数是否是 4 的幂次方的高逼格算法
- 网络模块优化方案(1)——封装网络框架
- SQLServer2008-镜像数据库实施手册(双机)SQL-Server2014同样适用
- G1垃圾收集器设计目标与改良手段【纯理论】
- STM32之独立看门狗原理
- 贝叶斯网络的应用实例一
- KDD China技术峰会回顾:大牛云集,教你如何基于大数据 手握人工智能未来
- WebService实例
- 【拆书】9000字总结,一文掌握737页程序员圣经《深入理解计算机系统》(第三版)重点
- 华为服务器虚拟化和存储虚拟化中标,idc服务器虚拟化排名
- java servlet继承_servlet继承什么类
- 指数分布具有“无记忆性”
- 2021年12月苹果开发者证书配置
- 电脑无故重启很卡(深度相机也用不了)
- Flutter入门综合练习
- airtest--自动刷喵币
- 深入分析Kafka架构(三):消费者消费方式、三种分区分配策略、offset维护
- spring session Session().removeAttribute 异常
热门文章
- MyBatis配置:在控制台打印SQL语句
- java.lang.ArithmeticException: Non-terminating decimal expansion; no exact representable decimal res
- oracle服务器重启后监听启动
- List - Map 工具类,list转为map
- 【云计算的1024种玩法】云端打造家庭文件备份中心
- rsync的安装使用01
- C#模板编程(1):有了泛型,为什么还需要模板?
- typeof instanceof
- 如何安装nginx_lua_module模块
- 通过telnet访问路由器