让 SAP Spartacus 某些 Component 不参与 SSR 的办法

使用如下配置：

ConfigModule.withConfig({cmsComponents: {SearchBoxComponent: {disableSSR: true}}
});

在服务器端执行 cxComponentWrapper Directive 的实现代码时，下图第 90 行代码返回 false，因此 this.launchComponent 不会被执行。

以下截图是我在服务器端进行的调试：

拿到 CMS Component 对应的 Angular Component：

在这里动态创建 Angular Component 并触发渲染：

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

让 SAP Spartacus 某些 Component 不参与 SSR 的办法相关推荐

SAP Spartacus 手动开启服务器端渲染 (SSR) 所必须的步骤
使用服务器端渲染,我们可以保证搜索引擎,与浏览器的Javascript禁用,或没有JavaScript的浏览器仍然可以访问我们的网站内容. https://b2bspastore.cg79x9wuu9 ...
SAP Spartacus popover Component 的单元测试
我们在SAP Spartacus B2B Page 的 list和Card页面,点击(i) icon之后,会看到一个popover Component,可以通过下面的选择器访问: cx-popover ...
如何替换SAP Spartacus启动Component -app-root
在SAP Spartacus app.module.ts里,随便定义一个简单的Component: @Component({selector: "app-root",templat ...
通过 SAP Spartacus 的 Component 映射机制，更改默认购物车 Cart 页面
Spartacus默认的购物车界面: https://github.com/SAP/spartacus-bootcamp/blob/master/sparta0/src/app/components/ ...
SAP Spartacus popover Component css 的重用设计
按照需求,我们需要在SAP Spartacus B2B 页面的 List header 和Card header两处,同时显示info icon, 因此,有必要设计一个统一的icon style,然后 ...
SAP Spartacus Breadcrumbs Component的显示问题讨论
如果把Storefront.component.html里position为BottomHeaderSlot改成其他名称: 按照其注释写到: position是用于为指定的page slot定位CMS ...
Angular 事件绑定语法在 SAP Spartacus Popover Component 中的一个应用
要绑定到事件,请使用 Angular 的事件绑定语法.此语法由等号左侧括号内的目标事件名和右侧引号内的模板语句组成.在下面的示例中,目标事件名是 click ,模板语句是 onSave() . < ...
SAP Spartacus storefront.component.html 怎么关联到其他的页面
storefront怎么关联到其他的页面? 下图是storefront.component.html的源代码,里面使用自定义Component cx-page-layout和cx-page-slot, ...
SAP Spartacus CMS Component的lazy loading懒加载方式
代码如下: ConfigModule.withConfig({cmsComponents: {SimpleResponsiveBannerComponent: {component: () => ...

让 SAP Spartacus 某些 Component 不参与 SSR 的办法

让 SAP Spartacus 某些 Component 不参与 SSR 的办法相关推荐

最新文章

热门文章