问题：https://stackoverflow.com/questions/65815289/how-to-share-cmscomponentdata-between-several-components-in-spartacus-manner/65820581#65820581

Let’s imagine that we have CMS Component:

ConfigModule.withConfig(<CmsConfig>{cmsComponents: {CMSSupportComponent: {component: SupportButtonComponent,},},
}),

But from inside we have to open another Angular component which also needs the same CMSComponentData. Simple Angular component relates to the same Angular module.

I know that we can do it via Angular Service, common for Angular manner (this requires some handy work). But maybe Spartacus has some approaches similar to:

ConfigModule.withConfig({cmsComponents: {SearchBoxComponent: {providers: [{provide: SearchBoxComponentService,useClass: CustomSearchBoxComponentService,deps: [CmsComponentData, ProductSearchService, RoutingService]}];}}
});

and we can share injected CmsComponentData via single Service for several components.

解答

as defined in Spartacus documentation:

The CMS data that is related to a component is provided to the component by the CmsComponentData service during instantiation. The CmsComponentData service contains the component uid, and also data$, which is an observable to the component payload. By making use of the Angular dependency injection (DI) system, components and component-specific services can use the CmsComponentData.

it’s recommended way to use Angular DI to inject CmsComponentData service and used in your components.

StackOverflow问题：How to share CMSComponentData between several components in Spartacus manner相关推荐

rn webview加载本地静态html,RNwebview加载本地html.htm
RNwebview加载本地html RNwebview加载本地html android下要在webview加入属性 style="COLOR: #95c995; FONT-STYLE: it ...
iOS - App Extension 整体总结
一.App Extension的介绍 App Extension可以让你扩展你APP的自定义功能和内容,使用户可以在与其他应用或者系统进行互动的时候去使用它.app extension即为本文所说的e ...
b端 ux 设计思维_借助系统思维从视觉设计过渡到UX
b端 ux 设计思维 "How can I switch to UX?" This is a common question from visual designers becau ...
orcale可视化建立用户_建立动态可视化的新方法
orcale可视化建立用户 by Sushrut Shivaswamy 通过Sushrut Shivaswamy 建立动态可视化的新方法 (A new way of building dynamic ...
react hoc_如何使用HOC模式开发React超能力
react hoc Hey everyone! ? I hope you had a Merry, Merry Christmas and a Happy New Year! 嘿大家! ? 希望您过得 ...
聊聊 SAP 产品 UI 上的消息显示机制
这是 Jerry 2021 年的第 60 篇文章,也是汪子熙公众号总共第 337 篇原创文章. 本文从 StackOverflow 社区上来自 Partner 的一个 SAP Commerce Clo ...
Arch Linux KDE Plasma + Windows 11 双系统安装指南
在 ThinkPad X13 2021 Intel 上安装 Arch Linux KDE Plasma + Windows 11 双系统的指南本文在 GitHub 上持续更新 OS: Arch Li ...
Modern PHP读书笔记一
关于PHP,大家的误解比较多,但其实现代PHP是一门无论开发效率还是执行效率都相当高的编程语言.关于现代PHP的各方面特性,大家可以参考<Modern PHP>作者之前写的 PHP the ...
Manjaro + Windows 双系统安装指南
在 ThinkPad X13 2021 Intel/Surface Pro 6 上安装 Manjaro 21 KDE Plasma + Windows 11 双系统的指南本文源代码在 GitHub ...

StackOverflow问题：How to share CMSComponentData between several components in Spartacus manner

解答

StackOverflow问题：How to share CMSComponentData between several components in Spartacus manner相关推荐

最新文章

热门文章