- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
- HTML 按钮(button)的 disable 属性和 dis
- SAP 电商云 Spartacus UI 的 Product C
- SAP 电商云 Spartacus UI 从 CMS 取回 sl
- 网站上的 breadcrumb 使用场景浅析
- SAP UI5 sap.ui.vk 命名空间内的控件介绍
- SAP 电商云 Spartacus UI Proxy Facad
- Angular @Injectable 注解的工作原理浅析
- 关于 Angular 部署以及 index.html 里 bas
- Angular InjectionToken APP_INITI
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面:
http://localhost:4000/electronics-spa/en/USD/search/sony
结果可以分为两大部分:
(1) 左边的 ProductLeftRefinements

以及右边的:SearchResultsListSlot

本文介绍左边的 ProductLeftRefinements 区域内的设计。
入口 Component 的 selector 是:cx-product-facet-navigation

这个 Component 分为三部分,我们重点学习第三部分:cx-facet-list.

所在的 project 为 storefrontlib.
在 SSR 返回的结果里,cx-facet-list 的节点明明有值:

但为什么在客户端执行的时候,这个节点又重新渲染一次了?

注意,此时的 cx-facet-list 是空的:

这个重新渲染的现象,可能和这篇文章描述的场景有关:在服务器端渲染完毕的 Angular Component,在客户端还会重新渲染一次吗?。
更多Jerry的原创文章,尽在:"汪子熙":

网友评论