在 .component.html 中使用自定义的 PipeTransform 时报错:NullInjectorError:No provider for xxPipe

这个错误通常是因为你没有在应用程序的模块中提供该管道的服务。为了解决这个问题，你可以按照以下步骤操作：

1. 首先，在你的应用程序模块中导入你的管道类，并将其添加到模块的 "declarations" 数组中，例如：

import { YourPipe } from './your-pipe.pipe';
@NgModule({
  declarations: [
    YourPipe,
    // ...
  ],
  // ...
})
export class AppModule { }

2. 然后，在你的组件模板中使用你的管道，例如：

<p>{{ someValue | yourPipe }}</p>

3. 最后，确保你的管道类中已经实现了 PipeTransform 接口，并且在类上添加了 @Pipe 装饰器，例如：

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'yourPipe'
})
export class YourPipe implements PipeTransform {
  transform(value: any, ...args: any[]): any {
    // ...
  }
}

希望这个解决方案可以帮助你解决这个问题。