如下圖高亮區(qū)域所示:

root

config

包含了敲擊多少個字符后,觸發(fā) product 搜索的配置:

import { Injectable } from '@angular/core'; import { Config } from '@spartacus/core';@Injectable({providedIn: 'root',useExisting: Config, }) export abstract class QuickOrderConfig {quickOrder?: {searchForm?: {displayProductImages: boolean;maxProducts: number;minCharactersBeforeRequest: number;};}; }declare module '@spartacus/core' {interface Config extends QuickOrderConfig {} }

這里有一個最佳實踐,定義一個 abstract class,包含了配置的數(shù)據(jù)結構,再使用 declare module,填充 @spartacus/core 里定義的 Config 接口。

在 root 文件夾下的 module，包含了 CMS 和路由配置：

路由實現(xiàn)：

export const defaultQuickOrderRoutingConfig: RoutingConfig = {routing: {routes: {quickOrder: {paths: ['my-account/quick-order'],},},}, };

CMS mapping 實現(xiàn)：

export function defaultQuickOrderComponentsConfig() {const config = {featureModules: {[CART_QUICK_ORDER_FEATURE]: {cmsComponents: ['QuickOrderComponent', 'CartQuickOrderFormComponent'],},// by default core is bundled together with components[CART_QUICK_ORDER_CORE_FEATURE]: CART_QUICK_ORDER_FEATURE,},};return config; }

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI Quick Order 的路由和 CMS 实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。