SAP Spartacus的User明细如何通过ngrx-store-devtools被解析出来

tap，select：

还是Tapsubscriber，只不过实现在tap.js里：

注意这里有一个重要的操作，输入value为所有state的集合，执行map project，将结果映射成userService感兴趣的userDTO输出：

映射逻辑和我们应用代码里传入this.store.pipe里的 selector有关：

这个userState是整个Spartacus state的大杂烩：

我们user-details.selector.ts里返回的state.account仅仅是和user相关的：

我们应用程序自己实现的selector就在这里作为projector被调用：

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

SAP Spartacus的User明细如何通过ngrx-store-devtools被解析出来相关推荐

SAP Spartacus Org Unit明细页面的工具栏按钮设计
工具栏上肉眼可见两个按钮:Edit和Disable 其中Edit按钮通过a标签实现: 而disable通过自定义的cx-org-toggle-status实现: 从最后渲染出的html页面里能看出,c ...
SAP Spartacus Org Unit明细页面的设计原理
该页面分三部分组成. 其中蓝色和绿色两个区域的实现如下:两个section标签页: section是HTML标准的标签之一,每个标签通过h1到h6不等的heading标签标识. 运行时渲染的HTML原 ...
如何通过outlet在SAP Spartacus的产品明细页面插入自定义UI
创建一个新的module: ng g m myOutlets 再基于该module创建一个Component,注意module的命名规范: 在生成的MyOutletsModule里,导入OutletR ...
如何自行查询SAP Spartacus Organization Unit List的取数逻辑
从Chrome开发者工具的NgRx Store DevTools里找到type为[B2BUnitNode] Load Tree的Action: 根据这个关键字进行项目搜索,找到常量LOAD_UNIT_ ...
SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态
我们打开SAP Spartacus首页时,在Chrome开发者工具里能观察到cx-storefront节点,即带有LoginPageTemplate class的自定义节点,class在start-n ...
SAP Spartacus使用了ngrx library
SAP Spartacus使用了ngrx library, ngrx位于UI component和connector layer中间. ngrx是Angular基于Rxjs的状态管理,保存了Redux ...
SAP Spartacus Ngrx 使用的一些准则
官网链接我们使用 NGRX store 来管理我们功能中的全局应用程序状态.使用 NGRX 在性能.更好的可测试性和易于故障排除(时间旅行等)方面具有明显的优势. 除非有令人信服的理由,否则将 Ng ...
SAP Spartacus checkout 流程使用 url 粘贴直接跳转到 delivery mode不能打开页面的原因
http://localhost:4200/electronics-spa/en/USD/checkout/delivery-mode 没有任何错误消息,白屏: 能看到向 checkoutDelive ...
如何查看 SAP Spartacus PageLayoutComponent 里的 template$ 的值
SAP Spartacus PageLayoutService.ts 里的 templateName$ get 操作:返回一个 Observable 对象,包裹的类型为 string. pipe 的第 ...

SAP Spartacus的User明细如何通过ngrx-store-devtools被解析出来

SAP Spartacus的User明细如何通过ngrx-store-devtools被解析出来相关推荐

最新文章

热门文章