SAP Spartacus PagelayoutComponent里的template
添加如下打印语句:
<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相关推荐
- 如何查看 SAP Spartacus PageLayoutComponent 里的 template$ 的值
SAP Spartacus PageLayoutService.ts 里的 templateName$ get 操作:返回一个 Observable 对象,包裹的类型为 string. pipe 的第 ...
- SAP Spartacus PagelayoutComponent里的section和slot
Page包含slots,slots包含Components. Spartacus使用page template来组织slots和Components. 一个page template包含了一些可被全局 ...
- SAP Spartacus cxOutlet里的元数据存储,outlet名称和待渲染Component的映射关系
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
- SAP Spartacus cxOutlet 里的 templatesRefs 的填充逻辑
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
- SAP Spartacus PageLayoutComponent 如何知道自己应该显示哪些具体内容
我们以前介绍过,经过 SAP Spartacus 路由配置后的 routes 数组,其 route 数据结构的 Component 属性,清一色指向 generic 的 PageLayoutCompo ...
- SAP Spartacus url里默认electronics-spa的由来
单步调试时密切关注url的变化,初始url为localhost:4200: 这个electronics-spa即使在后台没有连通的情况下也能用,说明肯定不是从后台返回的: 这篇文章SAP Sparta ...
- SAP Spartacus store里引用的library是如何编译出来的
看一个基于SAP Spartacus library开发的storefront Angular应用的依赖: "@spartacus/assets": "^2.1.0&qu ...
- 使用 selector 从 SAP Spartacus state 里读取 Cart 数据
选择器 selector 是用于获取存储状态 state 切片的纯函数. @ngrx/store 提供了一些帮助函数来优化这个选择. 选择器在选择状态切片时提供了许多功能. 使用 createSele ...
- SAP Spartacus B2cStorefrontModule里提供的默认配置
实现代码: import { ModuleWithProviders, NgModule } from '@angular/core'; import {provideConfig,provideDe ...
最新文章
- 使用java命令运行class文件提示“错误:找不到或无法加载主类“的问题分析
- 使用pipenv建立虚拟环境解决python打包exe文件过大的问题(附打包带图标,多个py文件打包exe)
- jquery-循环遍历
- 一个普通人,想改变命运,最靠谱的3种方式
- 动态加载并获取usercontrol生成的html
- 蒋涛:重新回归的我,将带领 CSDN 全方位升级,为 AI 转型者打造一站式平台
- 基于卷积神经网络与迁移学习的油茶病害图像识别
- 如何为项目中的单个文件禁用ARC?
- SpringBoot + Vue 简单实现学生饭卡管理系统
- OpenCV+QT5在Window下的环境配置记录
- java的mergesort函数_MergeSort -- 归并排序
- Snipaste贴图软件及其快捷键使用方法
- 国家网络信息安全战略三步曲
- [二分 树形DP] CEOI2017. Mousetrap
- 听刘万祥老师讲“模拟范围滑尺的动态图表”
- PHP slideup,三级下拉菜单(slideDown/slideUp实现)
- 学术英语写作(更新中)
- k8s 查看ip地址属于哪个pod_你如何从其IP地址获得Kubernetes pod的名字?
- 3.1 SQL是什么?它能做什么
- 韩剧《天空之城》推荐
热门文章
- [24]CSS3 弹性伸缩布局(上)
- Chipmunk僵尸物理对象的出现和解决(七)
- win8 iis8 asp.net 图片访问需登录
- 各种排序算法的C++实现
- 编译通过,但在运行时报Resolution of the dependency failed
- WCF Chat获奖人的奖品展示
- 用Navicat连接Oracle数据库时报错ORA-28547:connection to server failed,probable Oracle Net admin error
- Tomcat version 7.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 and 6 Web
- Internet 网络协议族
- RabbitMQ初探--用C#简单实现通信服务