SAP Spartacus的自定义静态页面

新建一个StaticRouteModule：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CmsPageGuard } from '@spartacus/storefront';
import { StaticRouteComponent } from './static.route.component';const staticRoutes: Routes = [{path: 'static-page',component: StaticRouteComponent,canActivate: [CmsPageGuard]
}];@NgModule({declarations: [StaticRouteComponent],imports: [CommonModule,RouterModule.forChild(staticRoutes)]
})
export class StaticRouteModule { }

新建StaticRouteComponent：

import { Component, OnInit } from '@angular/core';@Component({selector: 'app-static.route',templateUrl: './static.route.component.html'
})
export class StaticRouteComponent implements OnInit {constructor() { }ngOnInit(): void {}
}

template只有一行代码：

<p>static.route works!</p>

在app.module.ts里导入新建的module：

最后运行结果：http://localhost:4202/electronics-spa/en/USD/static-page

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus的自定义静态页面相关推荐

SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
这个方法位于类CmsPageGuardService内. 当我们请求一个实际并不存在的page时, 因为1这个path对应的route configuration里的protected字段为undef ...
SAP Spartacus的自定义路由
我新建了一个自定义Component: import { Component, OnInit } from '@angular/core'; import { ProductNameNormalize ...
SAP Spartacus not found的页面处理机制
当我们跳转到一个SAP Spartacus里实际并不存在的页面时: 首先会将url里的值比如1,作为pageLabelOrID的参数值,去Commerce Cloud后台读取对应的content pa ...
SAP Spartacus注入自定义的CurrentProductService
新建一个MyCurrentProductService,返回一个硬编码的产品主数据: 完整源代码如下: import { Product, ProductScope } from '@spartacu ...
如何通过outlet在SAP Spartacus的产品明细页面插入自定义UI
创建一个新的module: ng g m myOutlets 再基于该module创建一个Component,注意module的命名规范: 在生成的MyOutletsModule里,导入OutletR ...
SAP Spartacus Org Unit明细页面的工具栏按钮设计
工具栏上肉眼可见两个按钮:Edit和Disable 其中Edit按钮通过a标签实现: 而disable通过自定义的cx-org-toggle-status实现: 从最后渲染出的html页面里能看出,c ...
SAP Spartacus component-wrapper自定义指令的实现
自定义指令的路径: C:\Code\SPA\spartacus\projects\storefrontlib\src\cms-structure\page\component\component-wr ...
如何让SAP Spartacus的非英语页面正常显示
如下图所示,当修改Spartacus的语言成德语时,我们在界面上看到很多用大括号包裹起来的占位符,这些占位符是Spartacus internationalization(i18n)支持的resour ...
SAP Spartacus Org Unit明细页面的设计原理
该页面分三部分组成. 其中蓝色和绿色两个区域的实现如下:两个section标签页: section是HTML标准的标签之一,每个标签通过h1到h6不等的heading标签标识. 运行时渲染的HTML原 ...

SAP Spartacus的自定义静态页面

SAP Spartacus的自定义静态页面相关推荐

最新文章

热门文章