angularjs - 带有全局管道的 Angular 2 RC5 问题

Question

对于不同于主应用程序的其他组件，我在将 ng2-translate 集成到 angular 2 RC5 中时遇到了一些问题。

我想在全局范围内使用管道，在一项研究中我发现我可能需要使用“提供者”(但它在 RC4 上)，然后发现我需要使用“声明”。有任何想法吗？

一如既往...非常感谢您的帮助!

当我在模板文件中使用时，:

{{ 'HOME.TITLE' |翻译}}

我在浏览器上收到这个错误:

The pipe 'translate' could not be found ("<h1>title test</h1>
<h2>[ERROR ->]{{ 'HOME.TITLE' | translate }}</h2>

这是我的 main.ts 文件:

// The browser platform with a compiler
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

// The app module
import { AppModule } from './app.module';

// Compile and launch the module
platformBrowserDynamic().bootstrapModule(AppModule);

主模块文件:

import {TranslateModule, TranslateService} from "ng2-translate/ng2-translate";


@NgModule({
 imports: [
   BrowserModule,
   HttpModule,
   RouterModule.forRoot(routes),
   AboutModule,
   HomeModule,
   SharedModule.forRoot(),
   TranslateModule.forRoot()
  ],
 declarations: [AppComponent],
 providers: [{
    provide: APP_BASE_HREF,
    useValue: '<%= APP_BASE %>'
  }],
 bootstrap: [AppComponent]
})

export class AppModule { }

Answer 1

使用 shared.module 并导出 TranslatePipe。

共享模块.ts

//库

// libs
import { NgModule, ModuleWithProviders }       from '@angular/core';
import { CommonModule }   from '@angular/common';
import { TranslateModule, TranslatePipe } from 'ng2-translate/ng2-translate';

@NgModule({
    imports: [
        CommonModule,
        TranslateModule
    ],
    declarations: [

    ],
    exports: [
        CommonModule,
        TranslateModule,
        TranslatePipe
    ]
})
export class SharedModule {

    static forRoot(): ModuleWithProviders {
        return {
            ngModule: SharedModule
        };
    }
}