源代码:

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入口相关推荐

  1. 如何给 SAP Spartacus Storefront 创建新的页面

    page template 不包含 layout 或者 design information. content slot 在页面上的具体位置,以及 layout 和 design 的选择,必须在前端指 ...

  2. SAP Spartacus 的基于outlet 的页面扩展

    outlet 是 SAP Spartacus 提供 partners 一种将 custom UI 插入 Spartacus 标准 DOM 的一种手段. outlets get added for ea ...

  3. SAP Spartacus 最后渲染出的页面和后台 CMS 页面元数据的一一对应

    最后渲染出来的Spartacus的根节点:LandingPage2Template: 就是CMS page的homepage: 根节点下的cx-storefront: 就是Angular应用app.c ...

  4. SAP Spartacus Org Unit User List页面的设计原理

    从cx-org-unit-user-list selector出发: Component为UnitUserListComponent: 打开其html实现,里面又消费了cx-org-sub-list这 ...

  5. SAP Spartacus checkout Shipping address的页面实现

    shipping address维护页面的id:/checkout/shipping-address: 后台cms的请求: layout实现: <ng-container *ngIf=" ...

  6. SAP Spartacus如何禁止某些标准的css样式

    语法:$skipComponentStyles:(cx-mini-cart, cx-searchbox); Opt-out的含义:自愿退出,不参加 例子:下图是cx-mini-cart和cx-sear ...

  7. SAP Spartacus Route Alias

    https://sap.github.io/spartacus-docs/route-aliases/ SAP Spartacus semantic route的paths是一个数组,可以容纳多个pa ...

  8. 如何从 SAP Spartacus Product Detail 页面,找到其 Angular 实现 Component 的位置

    如图:假设我们通过下列 url,打开 SAP Spartacus 一个产品的明细页面,我们想找出是哪个 Angular Component,实现了该明细页面. http://localhost:420 ...

  9. SAP Spartacus 的页面布局

    官方文档 Spartacus 基于单页面应用程序设计模式,但仍有页面呈现在店面中. "页面"的概念是网络的关键并且无法避免:页面由 URL 标识.由搜索引擎索引.通过社交媒体共享. ...

最新文章

  1. 自然语言处理基本概念
  2. 超完整的用户体验设计流程,规范化提升产品效率
  3. 割平面法只能求解纯整数规划吗_【DMC第四讲】整数规划
  4. 你可能不知道的package.json
  5. 为什么说,每个人都应该多读些书?
  6. docker pull mysql_docker 拉取mysql数据库
  7. go:linkname
  8. PossibleSums
  9. 版本控制系统的演化、Git 分布式版本控制系统概述 及 工作流程
  10. 网站服务器检测工具,服务器网络监测工具
  11. 一款好用的绘制组织结构图的软件-亿图组织结构图
  12. LTE-FDD和TDD帧结构
  13. python的文件怎么删除干净_python 实现彻底删除文件夹和文件夹下的文件
  14. vue h5网页点击按钮 -- 跳到微信小程序 wx-open-launch-weapp;onMenuShareAppMessage 分享图片不显示,且方法已废弃
  15. powershell 使用_如何使用PowerShell生成随机名称和电话号码
  16. 软考网络工程师难考吗?
  17. 【论文笔记】Multi-Interactive Attention Network for Fine-grained Feature Learning in CTR Prediction
  18. UDF函数和UDTF函数的图解举例,追加UDAF函数
  19. Android手机连接笔记本电脑上网 linux环境
  20. 05_STM32Cubeide开发_无源蜂鸣器和继电器驱动

热门文章

  1. Java高效读取大文件(转)
  2. lvs增加并发连接,解决因为哈希表过小导致软中断过高问题
  3. 有关Rating组件的研究——Silverlight学习笔记[41]
  4. eclipse(或者myeclipse)常用配置方法
  5. STM32 的加密实现(转)
  6. 解析提高PHP执行效率的50个技巧(转)
  7. 使用 Visual C# .NET 生成 Office COM 外接程序
  8. php empty ,is_null ,isSet 对比
  9. recyclerView + GridLayoutManager 实现任意网格布局+拖拽排序
  10. Tomcat servlet工作原理