Angular 6库管道

Question

如何在 Angular 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

所以问题似乎出在这里:

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

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

export * from './lib.module';

这样做应该可以解决问题。

这是一个 Sample StackBlitz供您引用。