angle2には2つのコンポーネントで使用されているパイプがあり、それをグローバルに共有する方法を知りたいです

Question

2つのコンポーネントで使用されているパイプを持っていて、グローバルに共有する方法を知りたいです

私はangular2とtypescriptを使用しています。

私のフィルタはfilterJobsパイプと呼ばれます。

グローバルな場所から両方のコンポーネントで使用できるように、filterJobsパイプを挿入するのが最適ですか？

これは、それを共有するためのフィルタのngModuleを作るのが私の現在の試みです：

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 

import { JobsFilter } from './jobsFilter'; 

@NgModule({ 
    imports: [CommonModule], 
    declarations: [JobsFilter], 
    exports: [JobsFilter], 
    providers: [] 
}) 
export class JobsFilterModule { } 

その後、私は単に がそれを必要とするコンポーネントに「JobsFilterModuleを」注入のですか？はいの場合、これはインポートセクションに入りますか？

Answer 1

あなたはdeclarations: []とexports: []にパイプを入れモジュール@NgModule()class MyPipeModule {}を作成し、その後、あなたはそれを使用したい非常にモジュールのimports: []にMyPipeModuleを追加します。
これにより、現在のモジュールのすべてのコンポーネントで、パイプやその他のコンポーネント、ディレクティブがexports: []に追加されます。

Answer 2

コンポーネントが2つの異なるモジュール（M1、M2など）にある場合、M1とM2の両方がインポートする共有モジュールにパイプを宣言できます。あなたは、共有モジュールをインポートでしょう、あなたのコンポーネントのモジュールで

@NgModule({ 
    declarations: [ 
     FilterJobsPipe, 
     ... 
     ], 
    ... 
}) 
export class SharedModule {} 

：

@NgModule({ 
    imports: [ 
     SharedModule, 
     ... 
    ] 
... 
}) 
export class ModuleX {}