如何通过代码获得当前SAP Spartacus Component渲染所基于的slot名称

简介: 如何通过代码获得当前SAP Spartacus Component渲染所基于的slot名称

什么是PageSlotComponent

image.png

解决方案

image.png

理论依据

In Angular you can inject the closest parent component of a given type, by passing it as a constructor dependency.


You might want to add @Optional() decorator if you plan to use your component outside the content slot (i.e. as a static component). It will help avoid crashing app in the runtime, but will just resolve PageSlotComponent instance safely to null.


看一个运行时的例子:


image.png


Angular里可以很容易的通过依赖注入,在一个Component的构造函数里,注入其祖先引用作为依赖。这样,Component里就能访问其祖先实例上的数据。



相关文章
|
7月前
|
缓存
关于 Spartacus ProdutList Component Service model$ 的填充逻辑
关于 Spartacus ProdutList Component Service model$ 的填充逻辑
31 0
|
5天前
|
存储 供应链 前端开发
Spartacus home page 渲染时,就会读取 carousel 里的 product 数据
Spartacus home page 渲染时,就会读取 carousel 里的 product 数据
11 1
|
5天前
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
9 0
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
|
5天前
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传
28 1
|
5天前
|
存储 前端开发 搜索推荐
Spartacus SSR fallback 成 CSR 时,仍然会在后端继续保持渲染
Spartacus SSR fallback 成 CSR 时,仍然会在后端继续保持渲染
31 0
|
5天前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
28 0
|
5天前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
46 0
|
5天前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
27 0
|
6月前
|
存储 缓存
Spartacus 服务器端渲染(SSR)的 timeout 设置
Spartacus 服务器端渲染(SSR)的 timeout 设置
34 1
|
6月前
|
缓存 自然语言处理 前端开发
Spartacus CSR 渲染模式下的 home page 网络请求
Spartacus CSR 渲染模式下的 home page 网络请求
29 1