使用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 标识.由搜索引擎索引.通过社交媒体共享. ...
最新文章
- C#: .net序列化及反序列化 [XmlElement(“节点名称”)] [XmlAttribute(“节点属性”)] (上篇)...
- 腾讯AI×王者荣耀「绝悟」项目首亮相:KPL秋季决赛击败顶尖战队
- c++中new的总结(动态管理,malloc存在的问题,malloc与new的区别)
- linux下vi常用命令——读《鸟哥的linux私房菜》整理
- 手机压缩包删除有什么后果?
- vue中组件间的传参
- spark记录(7)SparkCore的调优之数据倾斜调优
- UDP 理论概述与编码入门
- java web项目开发流程_Java Web项目开发步骤
- libreoffice word转pdf时中文乱码问题解决
- 聊聊在小米实习的日子
- 倪光南回应方舟CPU失败论,企业失败不等于技术失败
- 根据IP地址求网络号、子网号和主机号
- centos6 yum安装nginx
- 01. 利用正则表达式提取文章中的所有英文单词
- c语言实现hdr图像合成,怎样完成一张HDR照片的拍摄与合成
- 联想创投投资的首个协作机器人:扬天科技完成5000万Pre-A融资
- 小工具 MyTool
- OSPF —— Virtual Link(虚连接)
- 3G模块SIM5360E 实现拨号上网功能
热门文章
- 根据一级分类查询所有子级分类
- Php正则替换字符串
- 山东理工OJ【2121】数据结构实验之链表六:有序链表的建立(插排法)
- 编程题:带参数的宏定义来实现,求圆的周长和面积。
- Android + Eclipse + PhoneGap 2.9.0 安卓最新环境配置,部分资料整合网上资料,已成功安装....
- 购物车的实现(cookie、session)
- 艾伟_转载:WPF/Silverlight陷阱:XAML自定义控件的嵌套内容无法通过名称访问
- 计算机字符编码详尽讲解
- UPC2018组队训练赛第六场
- CSS——规避脱标流和vertical-align