In Angular a good technique for sharing common directives, components, pipes, etc. is to use a so called shared module.
Those modules declare and export common parts, to make them usable for any of your other modules.
The fundamentals section of the angular documentation is a very good read about shared modules.
Let’s take as example your currConvert pipe.
-
Declare new NgModule called
ApplicationPipesModule -
Add the pipe to the
declarationsandexportsarrays of theNgModule-decorator metadata -
Add any modules that may be required for your pipe to work to the
importsarray// application-pipes.module.ts // other imports import { CurrConvertPipe } from './{your-path}'; @NgModule({ imports: [ // dep modules ], declarations: [ CurrConvertPipe ], exports: [ CurrConvertPipe ] }) export class ApplicationPipesModule {} -
import the created
ApplicationPipesModulemodule into the modules where your pipe is going to be used, by adding it to theimportsarray// my-module1.module.ts // other imports import { ApplicationPipesModule } from './{your-path}'; @NgModule({ imports: [ // other dep modules ApplicationPipesModule ], declarations: [], exports: [] }) export class MyModule1 {}