Angular 12 使用组件中的管道

Question

您好，我在 Angular 12 中的组件中使用时遇到问题(从 View 来看是否有效)。

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

具体是这个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:“FilterModule”类型上不存在属性“transform””

它甚至不允许我使用 ngserve。

谢谢。

致以诚挚的问候。

Answer 1

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

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

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

providers: [FilterPipe]