在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关
在 page-slot.module.ts 里,定义一个配置对象 ConfigUIDebug.
这个配置对象定义在 cms-component-data.ts 的 ConfigUIDebug 对象里,包含一个 boolean 类型字段:switchOn
通过:
providers: [provideDefaultConfigFactory(jerryConfigFactory)],
注入到 injection token 里:
给 DefaultConfigChunk 提供了运行时实现。
这样,在运行时,PageSlotComponent 就可以在构造函数里注入全局 Config 对象,进而访问到字段 switchOn 的值。
最后在 PageSlotComponent html 页面实现里,使用这个开关:
关闭这个开关的 UI:
打开之后的 UI:
更多Jerry的原创文章,尽在:“汪子熙”:
在 SAP 电商云 Spartacus UI 里使用自定义配置控制 UI 调试的开关相关推荐
- 如何在 SAP 电商云 Spartacus 代码里获取 Routes 路由信息
使用如下代码: export class AppModule {constructor(private router: Router,protected injector: Injector){thi ...
- 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 产品搜索结果的设计明细
我们使用如下 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 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 ...
最新文章
- html百度转到顶部 fixed,科技常识:完美解决安卓端百度浏览器屏蔽fixed悬浮元素的问题...
- 使用GitHub Pages搭建博客
- 008 python接口 unittest
- 内核启动流程分析(三)makefile
- Java EE WEB工程师培训-JDBC+Servlet+JSP整合开发之14.Servlet请求头信息
- 五层架构(MVC+biz+lib)
- Docker4Dev #6 使用 Windows Container 运行.net应用
- 计算机vb操作题评分细则,上机考试的试题及评分标准.doc
- mysql 分组后取每个组内最新的一条数据
- [转]notepad++各种插件
- .net MVC在服务端代码输出html字符串
- 数据分析学习笔记-数据分析预备知识
- Java简易开发环境搭建
- SendMessage 与 PostMessage
- 诺基亚PC套件界面设计
- React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能
- linux离线安装rpm命令,CentOS-Linux安装软件命令是什么:rpm命令
- html特殊符号输入法,特殊符号键盘输入法
- 高旭东:科普返利网站模式,做到知己知彼放心购物!
- 2019辽宁公务员考试行测常识大全:公务员常识40000问(四十八)(2)