SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态

我们打开SAP Spartacus首页时，在Chrome开发者工具里能观察到cx-storefront节点，即带有LoginPageTemplate class的自定义节点，class在start-navigating和stop-navigating之间切换。

通过@HostBinding, 达到修改startNavigating的值，就能修改host元素class.start-navigating属性的目的：

在ngOnInit的hook里，我们订阅routingService.isNavigating这个Observable对象，当其发生变化时，将值写入this.startNavigating和stopNavigating.

从NgRx store里查询状态：

如果pagecontext不为null，说明正在navigating：

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

SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态相关推荐

如何在SAP Spartacus category 页面里拿到当前的category信息
需求 https://stackoverflow.com/questions/59950572/how-to-access-the-current-categorydata-in-a-category ...
SAP Spartacus index.html里的meta标签
meta标签用来描述页面的元数据. 我把index.htmll里的meta标签注释掉,仍然能够正常工作,这是为什么呢? 后台url维护在Environment.occBaseUrl字段里: 注入Con ...
SAP Spartacus 当购物车里添加的商品个数过多后引起的性能问题以及解决方案
问题:https://github.com/SAP/spartacus/issues/10379 解决方案:https://github.com/SAP/spartacus/pull/10865/fi ...
SAP Spartacus B2B List里的listData$设计原理
UI components do not store response data from observables locally, which means destroy logic can be ...
SAP Spartacus全局配置里和路由Route相关的配置
在configuration.service.ts里查看config对象: 展开routing字段: 所有路由配置信息都在里面: 和产品相关的路由信息: 要获取更多Jerry的原创文章,请关注公众号& ...
SAP Spartacus界面注册用户获取OAuth Access Token的方式
注册用户前首先通过authorizationserver/oauth/token获取token: https://spartacus-dev0.eastus.cloudapp.azure.com:90 ...
如何在SAP Spartacus自定义Component里消费数据
直接在自定义Component里使用data来访问Component数据: <p>begin of my image!</p> <img [src]="'htt ...
关于 SAP Spartacus feature library 里的 _index.scss 文件，和神奇的下划线省略行为
如下图所示:quick order 文件夹下存在一个 _index.scss 文件,其导入了 styles 文件夹下的 index: 然而,styles 文件夹下并没有 index.scss 文件,只 ...
SAP Spartacus index.html 里的 occ-backend-base-url 如何被解析的？
index.html 里下图的 meta 标签页的解析逻辑: <meta name="occ-backend-base-url" content="OCC_BACK ...

SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态

SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态相关推荐

最新文章

热门文章