SAP Spartacus如何创建自定义route页面

新建一个route module：

基于这个route module创建一个新的Component：

在新建的module里，使用RouterModule定义一个新的路由规则：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CustomPageComponent } from './custom-page/custom-page.component';const CUSTOM_ROUTES: Routes = [{ path: 'custom', component: CustomPageComponent }
]@NgModule({declarations: [CustomPageComponent],imports: [CommonModule,RouterModule.forChild(CUSTOM_ROUTES)]
})
export class CustomRoutingModule { }

最后在app module里添加这个新建的route module：

最后的运行效果：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

SAP Spartacus如何创建自定义route页面相关推荐

如何给 SAP Spartacus Storefront 创建新的页面
page template 不包含 layout 或者 design information. content slot 在页面上的具体位置,以及 layout 和 design 的选择,必须在前端指 ...
转：MSDN Visual系列：MOSS企业级搜索之一——在搜索中心里创建自定义搜索页面和标签选项卡...
MSDN Visual系列:MOSS企业级搜索之一--在搜索中心里创建自定义搜索页面和标签选项卡原文:http://msdn2.microsoft.com/en-us/library/bb42885 ...
coreldraw x8里线段显示尺寸_CorelDRAW X8快速更换纸张类型和创建自定义的页面尺寸...
CorelDRAW中有两种指定页面尺寸的选择,包括选择预设页面尺寸,以及创建您自己的页面尺寸.可以从众多预设页面尺寸中进行选择,范围从法律公文纸与封套到海报与网页.如果预设页面尺寸不符合您的要求,可以 ...
使用StackBlitz和SAP Spartacus快速创建电商店铺页面
StackBlitz是一个WebIDE,可以在浏览器里使用SAP Spartacus创建电商网站. 简要步骤如下: 在package.json里手动添加Spartacus依赖,下图是添加前StackB ...
SAP Spartacus 的基于outlet 的页面扩展
outlet 是 SAP Spartacus 提供 partners 一种将 custom UI 插入 Spartacus 标准 DOM 的一种手段. outlets get added for ea ...
使用SAP Spartacus快速创建一个电商店铺网站
可以采用StackBlitz WebIDE在线创建: 也可以采用Angular cli创建,命令行如下: ng new mystore --style=scss 然后使用Spartacus schem ...
SAP Spartacus如何使用自定义的Cart Service
新建一个CartService,将AcmtiveCartService设置成父类: import { Injectable } from '@angular/core'; import { Activ ...
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如何创建自定义route页面

SAP Spartacus如何创建自定义route页面相关推荐

最新文章

热门文章