angular - 没有 CustomPipe 的提供者 - Angular 4

Question

我有一个自定义的十进制格式管道，它依次使用 Angular 十进制管道。该管道是共享模块的一部分。我在功能模块中使用它，并且在运行应用程序时没有出现提供程序错误。

如有错字请忽略。

./src/pipes/custom.pipe.ts

import { DecimalPipe } from '@angular/common';
..
@Pipe({
    name: 'customDecimalPipe'
})
...
export class CustomPipe {
constructor(public decimalPipe: DecimalPipe) {}
transform(value: any, format: any) {
    ...
}

./modules/shared.module.ts

import  { CustomPipe } from '../pipes/custom.pipe';

...

@NgModule({
  imports:      [ .. ],
  declarations: [ CustomPipe ],
  exports:    [ CustomPipe ]
})
export class SharedModule { }

我将自定义管道注入(inject)其中一个组件并调用转换方法来获取转换后的值。共享模块导入到特性模块中。

Answer 1

如果要在组件中使用管道的transform()方法，还需要在模块的providers中添加CustomPipe:

import  { CustomPipe } from '../pipes/custom.pipe';

...

@NgModule({
  imports:      [ .. ],
  declarations: [ CustomPipe ],
  exports:    [ CustomPipe ],
  providers:    [ CustomPipe ]
})
export class SharedModule { }