本文共 673 字，大约阅读时间需要 2 分钟。

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

import {
    Injectable } from '@angular/core';import {
    Converter, Occ, Product } from '@spartacus/core';@Injectable()export class ProductNameNormalizer implements Converter
   
    {
       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的原创文章，请关注公众号"汪子熙":

转载地址：https://jerry.blog.csdn.net/article/details/108534105 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！