角6库管

Question

如何在角6库中添加自定义管道以使其在我的主应用程序中可用？目前，我正在以下几个方面进行操作: lib.module.ts：

@NgModule({
  declarations: [
    SomePipe
  ],
  exports: [
   SomePipe
]})

在public_api.ts中：

export * from './lib/pipes/some.pipe';

在app.module.ts中：

import { LibModule } from 'lib';
@NgModule({
  ...
  imports: [
    LibModule
  ]
 ...
})

我正在尝试使用管道{{ 'something' | some}}，但是不调用SomePipe的transform方法。

Answer 1

自定义管道被正确添加，并在我的应用程序中工作。还有一个我没有看到的bug，涉及到我的@管道在transform()方法中使用的服务(从库中错误地导入)。因此，transform()似乎总是什么也不返回，因为它依赖于该服务。

Answer 2

所以问题似乎就在这里：

export * from './lib/pipes/some.pipe';

当您应该从模块文件导出模块(@NgModule)时，您正在导出some.pipe文件中的所有内容。就像这样：

export * from './lib.module';

这样做应该能解决问题。

这是一个供您参考的Sample StackBlitz。

Answer 3

您需要转到模块并从以下表单导入管道：

import { SePipeModule } from 'se-component';

在这种情况下，"se-component“是托管管道的”库“角的名称，而"SePipeModule”是管道模块。在“public-api.ts”中导出管道名称是非常重要的：

export {SeTestPipe} from './lib/se-pipe/se-test-pipe';