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

Angular Ionic 3,管道共享模块,用于延迟加载页面,angular,typescript,ionic3,Angular,Typescript,Ionic3,使用ionic 3,可以使用IonicPage和IonicPageModule延迟加载页面。问题是这些延迟加载的页面没有访问管道的权限 Failed to navigate: Template parse errors: The pipe 'myPipe' could not be found ("") 描述问题并提供解决方案。我对建议的解决方案唯一关心的是,它需要在所有延迟加载的页面中导入共享模块pipes.module 哪种恢复是angulr2中引入的一个不错的功能,即在app.

使用ionic 3,可以使用
IonicPage
IonicPageModule
延迟加载页面。问题是这些延迟加载的页面没有访问管道的权限

    Failed to navigate:  Template parse errors:
The pipe 'myPipe' could not be found ("")
描述问题并提供解决方案。我对建议的解决方案唯一关心的是,它需要在所有延迟加载的页面中导入共享模块
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)
要使所有延迟加载页面都可以访问
管道模块

以下是
pipes.moude.ts
文件:

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

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

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

从角度看:

创建一个SharedModule,其中包含 你可以在应用程序中的任何地方使用。本模块应完全由以下部分组成: 声明,其中大部分已导出

在功能模块中导入SharedModule,这两个模块都已加载 当应用程序启动后,您将延迟加载这些应用程序


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

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


更多细节请看这篇文章

我希望在搜索期间通过此链接。我知道这是一种方式。我认为应该有一个更好的方法来减少各地导入的编码。那么提供商/服务呢?我已经看到了那个Ionic文档。关键是我的共享模块到处都需要。这就是为什么它应该在
app.module.ts
中导入一次,以便从所有其他组件可见。