新建一個product-name-normalizer.ts文件，源代碼如下：

import { Injectable } from '@angular/core'; import { Converter, Occ, Product } from '@spartacus/core';@Injectable() export class ProductNameNormalizer implements Converter<Occ.Product, Product>{convert(source: Occ.Product, target?: Product): Product {if (!!source.name) {target.name = source.name.replace(/ /g, '--').toLocaleLowerCase();}return target;} }

在module里，注入這個ProductNameNormalizer：

providers: [{provide: PRODUCT_NORMALIZER, useClass: ProductNameNormalizer,multi: true}]

最后的產品明細頁面，無論是url還是頁面本身的product.name, 都已經被這個Normalizer處理過了：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的SAP Spartacus产品页面的normalizer的全部內容，希望文章能夠幫你解決所遇到的問題。

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