使用SAP Spartacus的route给标准页面维护alias入口
源代码:
const CUSTOM_ROUTES: Routes = [{ path: 'custom', component: CustomPageComponent, canActivate: [CmsPageGuard] },{path: 'faq-alias', component: PageLayoutComponent, canActivate: [CmsPageGuard],data: {pageLabel: 'faq'}}
]
最后的效果:
这个页面和我直接在Spartacus标准页面里点击help超链接打开的页面是一样的:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
使用SAP Spartacus的route给标准页面维护alias入口相关推荐
- 如何给 SAP Spartacus Storefront 创建新的页面
page template 不包含 layout 或者 design information. content slot 在页面上的具体位置,以及 layout 和 design 的选择,必须在前端指 ...
- SAP Spartacus 的基于outlet 的页面扩展
outlet 是 SAP Spartacus 提供 partners 一种将 custom UI 插入 Spartacus 标准 DOM 的一种手段. outlets get added for ea ...
- SAP Spartacus 最后渲染出的页面和后台 CMS 页面元数据的一一对应
最后渲染出来的Spartacus的根节点:LandingPage2Template: 就是CMS page的homepage: 根节点下的cx-storefront: 就是Angular应用app.c ...
- SAP Spartacus Org Unit User List页面的设计原理
从cx-org-unit-user-list selector出发: Component为UnitUserListComponent: 打开其html实现,里面又消费了cx-org-sub-list这 ...
- SAP Spartacus checkout Shipping address的页面实现
shipping address维护页面的id:/checkout/shipping-address: 后台cms的请求: layout实现: <ng-container *ngIf=" ...
- SAP Spartacus如何禁止某些标准的css样式
语法:$skipComponentStyles:(cx-mini-cart, cx-searchbox); Opt-out的含义:自愿退出,不参加 例子:下图是cx-mini-cart和cx-sear ...
- SAP Spartacus Route Alias
https://sap.github.io/spartacus-docs/route-aliases/ SAP Spartacus semantic route的paths是一个数组,可以容纳多个pa ...
- 如何从 SAP Spartacus Product Detail 页面,找到其 Angular 实现 Component 的位置
如图:假设我们通过下列 url,打开 SAP Spartacus 一个产品的明细页面,我们想找出是哪个 Angular Component,实现了该明细页面. http://localhost:420 ...
- SAP Spartacus 的页面布局
官方文档 Spartacus 基于单页面应用程序设计模式,但仍有页面呈现在店面中. "页面"的概念是网络的关键并且无法避免:页面由 URL 标识.由搜索引擎索引.通过社交媒体共享. ...
最新文章
- 自然语言处理基本概念
- 超完整的用户体验设计流程,规范化提升产品效率
- 割平面法只能求解纯整数规划吗_【DMC第四讲】整数规划
- 你可能不知道的package.json
- 为什么说,每个人都应该多读些书?
- docker pull mysql_docker 拉取mysql数据库
- go:linkname
- PossibleSums
- 版本控制系统的演化、Git 分布式版本控制系统概述 及 工作流程
- 网站服务器检测工具,服务器网络监测工具
- 一款好用的绘制组织结构图的软件-亿图组织结构图
- LTE-FDD和TDD帧结构
- python的文件怎么删除干净_python 实现彻底删除文件夹和文件夹下的文件
- vue h5网页点击按钮 -- 跳到微信小程序 wx-open-launch-weapp;onMenuShareAppMessage 分享图片不显示,且方法已废弃
- powershell 使用_如何使用PowerShell生成随机名称和电话号码
- 软考网络工程师难考吗?
- 【论文笔记】Multi-Interactive Attention Network for Fine-grained Feature Learning in CTR Prediction
- UDF函数和UDTF函数的图解举例,追加UDAF函数
- Android手机连接笔记本电脑上网 linux环境
- 05_STM32Cubeide开发_无源蜂鸣器和继电器驱动
热门文章
- Java高效读取大文件(转)
- lvs增加并发连接,解决因为哈希表过小导致软中断过高问题
- 有关Rating组件的研究——Silverlight学习笔记[41]
- eclipse(或者myeclipse)常用配置方法
- STM32 的加密实现(转)
- 解析提高PHP执行效率的50个技巧(转)
- 使用 Visual C# .NET 生成 Office COM 外接程序
- php empty ,is_null ,isSet 对比
- recyclerView + GridLayoutManager 实现任意网格布局+拖拽排序
- Tomcat servlet工作原理