如何定制化SAP Spartacus的页面路由Route

新建一个Route module：

import { NgModule } from '@angular/core';
import { ConfigModule, OccConfig, RoutingConfig } from '@spartacus/core';@NgModule({declarations: [],imports: [ConfigModule.withConfig({routing: {routes: {product: {paths: ['cameras/:productCode/:manufacturer/:name','cameras/:productCode/:name','cameras/:productCode/',]}}}} as RoutingConfig),ConfigModule.withConfig({backend: {occ: {endpoints: {productSearch:// tslint:disable-next-line: max-line-length'products/search?fields=products(code,manufacturer,name,summary,price(FULL),images(DEFAULT),stock(FULL),averageRating,variantOptions),facets,breadcrumbs,pagination(DEFAULT),sorts(DEFAULT),freeTextSearch,currentQuery',},},},} as OccConfig),]
})
export class RoutingConfigurationModule { }

默认的路由url：product/productCode/productName

我在TypeScript代码里维护的路由url里，包含了硬编码的camera，如下所示：

camera/productCode/productName

启用我自定义的路由module之后，运行时效果：

另一种包含了manufactor code的url：

这是因为我在api endpoint里，指定了将manufacturer字段一并取回：

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

如何定制化SAP Spartacus的页面路由Route相关推荐

如何定制化SAP Spartacus的页面布局
新建一个Layout Module,源代码如下: import { NgModule } from '@angular/core'; import { ConfigModule } from '@sp ...
如何定制化SAP Spartacus的购物车图标
SAP Spartacus默认的购物车图标如下图所示: 使用如下的css代码对其外观进行修改: /* You can add global styles to this file, and also ...
SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
SAP UI5 应用开发教程之七十七 - SAP UI5 动态页面路由的高级用法：路由记录 routes 和 target 的一对多关系试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP Spartacus B2B页面Budget页面的设计原理
打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...
SAP Spartacus login 页面看不到 UI 控件的问题解决
问题截图:Login 页面下面是空的我直接修改 Spartacus-core.js 不现实: 因为我没有能力去修改对应的 source code map 文件: 这个 getDetails 只是一个 ...
通过 Feature Level 动态控制 SAP Spartacus 的页面显示
ng-container 标签只在 design time 可见,运行时会完全从渲染出的 HTML 源代码里被移除.通过 ng-container 加上 SAP Spartacus 自定义实现的 cx ...
SAP Spartacus CMS 页面加载逻辑和性能的优化
https://github.com/SAP/spartacus/issues/3649 SAP Commerce Cloud CMS 页面加载的一些优化点: Payload of the CMS p ...

如何定制化SAP Spartacus的页面路由Route

如何定制化SAP Spartacus的页面路由Route相关推荐

最新文章

热门文章