Angular 6 library pipe

Question

How to add a custom pipe in an Angular 6 library in order for it to be available in my main app ? Currently I'm doing this in: lib.module.ts:

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

in public_api.ts:

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

in app.module.ts:

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

I'm trying to use the pipe {{ 'something' | some}} but transform method of SomePipe is not called.

Answer 1

So the issue appears to be here:

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

You are exporting everything from some.pipe file when you should have exported the module(@NgModule) from the module file. Something like this:

export * from './lib.module';

Doing that should fix the issue.

Here's a Sample StackBlitz for your ref.