Angular Ionic 3,管道共享模块,用于延迟加载页面
使用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.
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
中导入一次,以便从所有其他组件可见。