javascript - 如何在两个不同的 Angular 模块中使用管道

Question

我有一个 pipe

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
  .....
    return keys;
  }
}

我有两个模块需要使用它。如果我在两个模块中都做类似的事情，我会收到一条错误消息，指出“两个模块声明 KeysPipe”

模块 1、模块 2:

declarations: [KeysPipe],

然后我尝试通过它自己的模块导出 KeysPipe，这样我就可以将它导入到我需要使用它的两个模块中

@NgModule({
    declarations: [ KeysPipe],
})
export class KeysPipeModule {
}

现在我在需要使用KeysPipe的两个模块中导入KeysPipeModule

模块 1、模块 2:

imports: [KeysPipeModule],

但现在我得到一个不同的模板错误，说找不到管道“找不到管道‘keys’(“v *ngIf="docalc">”

Answer 1

您的方向正确，您的代码唯一缺少的是 KeysPipeModule 中的导出。它应该是这样的:

@NgModule({
    declarations: [ KeysPipe],
    exports: [KeysPipe]
})
export class KeysPipeModule {}