Angular 12 使用组件中的管道

Question

您好，我在 Angular 12 中的组件中使用时遇到问题（从视图来看是否有效）。

这是我安装的一个管道，尽管我已经尝试过几个并且发生了同样的事情。

具体来说，就是这个https://www.npmjs.com/package/@josee9988/filter-pipe-ngx

我这样做：

app.module.ts

..

import { FilterModule } from '@josee9988/filter-pipe-ngx';
..

imports: [FilterModule],
..

providers: [FilterModule],
..

Y en comp1.component.ts

import { FilterModule } from '@josee9988/filter-pipe-ngx';

..

constructor(private FilterModule_: FilterModule) { }

..

funcion1 () {
   this.v1 = this.FilterModule_.transform(this.v2, "gfg", v3);
}

..

他告诉我“错误 TS2339：属性‘transform’在类型‘FilterModule’上不存在”

它甚至不让我使用 ng 服务。

感谢。

此致。

Answer 1

您试图注入一个模块，但您需要一个管道。

constructor(private filterPipe: FilterPipe) { }
...
this.filterPipe.transform(...)

如果您要捕获 NullInjector，只需在模块中提供 FilterPipe 即可。

providers: [FilterPipe]