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

Jerry Wang

发布于 2021-04-06 17:13:25

5740

发布于 2021-04-06 17:13:25

我们打开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：

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-03-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度