添加如下打印语句:

<h1>PageLayout template: {{ layoutName$ | async }} </h1>
<h2>template name: {{ templateName$ | async }} </h2>
<h3>slot name: {{ slots$ | async }}</h3>
<h4>section name: {{ section$ | async }}</h4>
<ng-template[cxOutlet]="layoutName$ | async"[cxOutletContext]="{templateName$: templateName$,slots$: slots$,section$: section$}"
><ng-content></ng-content><cx-page-slot*ngFor="let slot of slots$ | async"[position]="slot"[isPageFold]="slot === (pageFoldSlot$ | async)"></cx-page-slot>
</ng-template>

输出:



要获取更多Jerry的原创文章,请关注公众号"汪子熙":

SAP Spartacus PagelayoutComponent里的template相关推荐

  1. 如何查看 SAP Spartacus PageLayoutComponent 里的 template$ 的值

    SAP Spartacus PageLayoutService.ts 里的 templateName$ get 操作:返回一个 Observable 对象,包裹的类型为 string. pipe 的第 ...

  2. SAP Spartacus PagelayoutComponent里的section和slot

    Page包含slots,slots包含Components. Spartacus使用page template来组织slots和Components. 一个page template包含了一些可被全局 ...

  3. SAP Spartacus cxOutlet里的元数据存储,outlet名称和待渲染Component的映射关系

    cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...

  4. SAP Spartacus cxOutlet 里的 templatesRefs 的填充逻辑

    cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...

  5. SAP Spartacus PageLayoutComponent 如何知道自己应该显示哪些具体内容

    我们以前介绍过,经过 SAP Spartacus 路由配置后的 routes 数组,其 route 数据结构的 Component 属性,清一色指向 generic 的 PageLayoutCompo ...

  6. SAP Spartacus url里默认electronics-spa的由来

    单步调试时密切关注url的变化,初始url为localhost:4200: 这个electronics-spa即使在后台没有连通的情况下也能用,说明肯定不是从后台返回的: 这篇文章SAP Sparta ...

  7. SAP Spartacus store里引用的library是如何编译出来的

    看一个基于SAP Spartacus library开发的storefront Angular应用的依赖: "@spartacus/assets": "^2.1.0&qu ...

  8. 使用 selector 从 SAP Spartacus state 里读取 Cart 数据

    选择器 selector 是用于获取存储状态 state 切片的纯函数. @ngrx/store 提供了一些帮助函数来优化这个选择. 选择器在选择状态切片时提供了许多功能. 使用 createSele ...

  9. SAP Spartacus B2cStorefrontModule里提供的默认配置

    实现代码: import { ModuleWithProviders, NgModule } from '@angular/core'; import {provideConfig,provideDe ...

最新文章

  1. 使用java命令运行class文件提示“错误:找不到或无法加载主类“的问题分析
  2. 使用pipenv建立虚拟环境解决python打包exe文件过大的问题(附打包带图标,多个py文件打包exe)
  3. jquery-循环遍历
  4. 一个普通人,想改变命运,最靠谱的3种方式
  5. 动态加载并获取usercontrol生成的html
  6. 蒋涛:重新回归的我,将带领 CSDN 全方位升级,为 AI 转型者打造一站式平台
  7. 基于卷积神经网络与迁移学习的油茶病害图像识别
  8. 如何为项目中的单个文件禁用ARC?
  9. SpringBoot + Vue 简单实现学生饭卡管理系统
  10. OpenCV+QT5在Window下的环境配置记录
  11. java的mergesort函数_MergeSort -- 归并排序
  12. Snipaste贴图软件及其快捷键使用方法
  13. 国家网络信息安全战略三步曲
  14. [二分 树形DP] CEOI2017. Mousetrap
  15. 听刘万祥老师讲“模拟范围滑尺的动态图表”
  16. PHP slideup,三级下拉菜单(slideDown/slideUp实现)
  17. 学术英语写作(更新中)
  18. k8s 查看ip地址属于哪个pod_你如何从其IP地址获得Kubernetes pod的名字?
  19. 3.1 SQL是什么?它能做什么
  20. 韩剧《天空之城》推荐

热门文章

  1. [24]CSS3 弹性伸缩布局(上)
  2. Chipmunk僵尸物理对象的出现和解决(七)
  3. win8 iis8 asp.net 图片访问需登录
  4. 各种排序算法的C++实现
  5. 编译通过,但在运行时报Resolution of the dependency failed
  6. WCF Chat获奖人的奖品展示
  7. 用Navicat连接Oracle数据库时报错ORA-28547:connection to server failed,probable Oracle Net admin error
  8. Tomcat version 7.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 and 6 Web
  9. Internet 网络协议族
  10. RabbitMQ初探--用C#简单实现通信服务