zoukankan      html  css  js  c++  java
  • 如何检测 SAP 电商云 Spartacus UI 当前正处于导航状态

    使用 routing.selector.ts 里的 isNavigating:

    设计原理:Spartacus route reducer 里针对 ROUTER_NAVIGATION 和 ROUTER_NAVIGATED 进行状态迁移:

    当接收到 ROUTER_NAVIGATION(跳转正在进行) 事件时,将状态的 nextState 字段设置成 action payload:

    当接收到 ROUTER_NAVIGATED(跳转已经完成) 事件时,将状态的 nextState 字段设置成 undefined:

    回到本文开头的 API,如果 nextState 不为空,说明正在 navigating.

    selector 就是纯函数,能够返回 state 的某一个切片的数据。

    只有通过 createSelector 创建的 selector,才具有记忆功能(memoized),即对于相同的输入,一定会返回相同的输出。

    为什么 pageMetaService 会触发到 Router State 的 selector?

    看看 this.meta$ 的数据源:

    meta$ 来自 this.cms.getCurrentPage:

    从全局 store 里调用 RoutingSelector 的 getPageContext 方法:

    最后 selector 被调用:

    更多Jerry的原创文章,尽在:"汪子熙":

  • 相关阅读:
    HTML 5 全局属性
    微软build 2015
    写个程序登陆58同城
    工厂方法
    简单工厂
    System.Data.SQLite兼容32位和64位问题
    利用Socket实现的两个程序的通信
    最近的工作总结
    Canvas路径、描边、填充
    HTML5阴影与渐变
  • 原文地址:https://www.cnblogs.com/sap-jerry/p/15493317.html
Copyright © 2011-2022 走看看