源代码:

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. C#: .net序列化及反序列化 [XmlElement(“节点名称”)] [XmlAttribute(“节点属性”)] (上篇)...
  2. 腾讯AI×王者荣耀「绝悟」项目首亮相:KPL秋季决赛击败顶尖战队
  3. c++中new的总结(动态管理,malloc存在的问题,malloc与new的区别)
  4. linux下vi常用命令——读《鸟哥的linux私房菜》整理
  5. 手机压缩包删除有什么后果?
  6. vue中组件间的传参
  7. spark记录(7)SparkCore的调优之数据倾斜调优
  8. UDP 理论概述与编码入门
  9. java web项目开发流程_Java Web项目开发步骤
  10. libreoffice word转pdf时中文乱码问题解决
  11. 聊聊在小米实习的日子
  12. 倪光南回应方舟CPU失败论,企业失败不等于技术失败
  13. 根据IP地址求网络号、子网号和主机号
  14. centos6 yum安装nginx
  15. 01. 利用正则表达式提取文章中的所有英文单词
  16. c语言实现hdr图像合成,怎样完成一张HDR照片的拍摄与合成
  17. 联想创投投资的首个协作机器人:扬天科技完成5000万Pre-A融资
  18. 小工具 MyTool
  19. OSPF —— Virtual Link(虚连接)
  20. 3G模块SIM5360E 实现拨号上网功能

热门文章

  1. 根据一级分类查询所有子级分类
  2. Php正则替换字符串
  3. 山东理工OJ【2121】数据结构实验之链表六:有序链表的建立(插排法)
  4. 编程题:带参数的宏定义来实现,求圆的周长和面积。
  5. Android + Eclipse + PhoneGap 2.9.0 安卓最新环境配置,部分资料整合网上资料,已成功安装....
  6. 购物车的实现(cookie、session)
  7. 艾伟_转载:WPF/Silverlight陷阱:XAML自定义控件的嵌套内容无法通过名称访问
  8. 计算机字符编码详尽讲解
  9. UPC2018组队训练赛第六场
  10. CSS——规避脱标流和vertical-align