グローバルパイプin角2

Question

すべてのアプリケーションでパイプを使用したいと思っています。私がAngularのドキュメントとインターネットで読んだところによると、ルートモジュールdeclaratiosにパイプを宣言すると、それはすべてのアプリケーションで利用可能なパイプになります。

@NgModule({ 
    imports:  [ CommonModule], 
    declarations: [ NavbarMenuComponent],//<---Call the pipe in this component 
}) 

export class NavbarModule { } 

パイプ：

@Pipe({ 
    name: 'translate', 
    pure: false 
}) 

export class TranslatePipe implements PipeTransform { 
    constructor() { } 

    transform(value: string, args: any[]): any { 
     return value + " translated"; 
    } 
} 

しかし、WHE、私はそれがこれをthows NavbarMenuComponentテンプレートにパイプを呼び出し、子モジュールの

@NgModule({ 
    imports:  [ BrowserModule, NavbarModule], 
    declarations: [ AppComponent, TranslatePipe], 
    bootstrap: [ AppComponent], 
}) 
export class AppModule { } 

そして、この：私はこのAppModuleコードを持っていますエラー：

'The pipe "translate" could not be found'

子モジュールの宣言でパイプを宣言すると機能しますが、パイプをグローバルにする必要があります。アプリケーションが大きくなると、このパイプ（および他のグローバルパイプ）をすべてのモジュールで宣言する必要はありません。パイプをグローバルにする方法はありますか？あなたの現在のモジュールのimports: [...]へのパイプが含まれています（とdeclarations: []とexports: []でそれを持っている）モジュールを追加する必要が

Answer 1

は、それが現在のモジュールで利用可能です。

@NgModule({ 
    imports:  [ CommonModule], 
    declarations: [ TranslatePipe], 
    exports:  [ TranslatePipe], 
}) 
export class TranslateModule { } 

@NgModule({ 
    imports:  [ CommonModule, TranslateModule], 
    declarations: [ NavbarMenuComponent] 
}) 
export class NavbarModule { }