Ionic 3，管道共享模块，用于延迟加载页面

Question

使用 ionic 3 页面可以使用 IonicPage 和 IonicPageModule 延迟加载。问题是这些延迟加载的页面无法访问管道。

    Failed to navigate:  Template parse errors:
The pipe 'myPipe' could not be found ("")

This question 描述问题并提供解决方案。我对提议的解决方案唯一关心的是它需要在所有延迟加载的页面中导入共享模块pipes.module。

哪一种还原了 angulr2 中引入的一个不错的功能，即在 app.module.ts 中只导入一次管道。

我认为应该有更好的方法，通过在app.module 中导入共享模块pipes.module，以便所有页面都可以看到所有管道。

这里是app.module.ts

    @NgModule({
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    HttpModule,
    PipesModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,

  ],
  providers: []
    })
    export class AppModule { }

我们不应该使用

PipesModule.forRoot(MyApp)

要使所有延迟加载页面都可以访问PipesModule？

这是pipes.moudle.ts 文件：

    @NgModule({
    declarations: [
        BreakLine,
        Hashtag,
        Translator
    ],
    imports: [

    ],
    exports: [
        BreakLine,
        Hashtag,
        Translator
    ]
    ,
})
export class PipesModule {}

Answer 1

我就像你一样试图找到处理这个问题的正确方法，经过一些研究我会说这是我们应该处理这个问题的方式，因为以下原因。

来自角度faqs：

使用组件、指令和管道创建一个 SharedModule 您在应用程序的任何地方都可以使用。该模块应完全由 声明，其中大部分是导出的。

在您的功能模块中导入 SharedModule，这两个模块都已加载 当应用程序启动以及您稍后延迟加载的应用程序时

我还发现了这个 ionic 3 doc，它提供了一些关于如何处理组件、管道和服务的建议。

Answer 2

建议在单个页面模块中导入管道模块的新方法更好，因为您不必在app / pwa启动时加载管道，使用延迟加载使应用加载更快。

查看this 文章了解更多详情。