我们使用如下 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的原创文章,尽在:"汪子熙":
网友评论