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 serve。

谢谢。

此致。

Answer 1

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

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

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

providers: [FilterPipe]

Angular 12 使用组件中的管道

Angular 12 Use pipe from component

typescript

angular

angular12