ionic 2/ionic 3如何删除页面和删除应用程序模块引用

分享于 

3分钟阅读

ionic

  繁體

本教程适用于Ionic 2和Ionic 3.

删除支持延迟加载的页面(仅Ionic 3)


在Ionic 3中,通过为页面提供自己的页面模块(该模块有自己的声明数组)来延迟加载页面


import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { FamilyListPage } from './family-list';

@NgModule({
declarations: [
 FamilyListPage,
],
imports: [
 IonicPageModule.forChild(FamilyListPage),
],
exports: [
 FamilyListPage
]
})
export class FamilyListPageModule {}

要删除这个页面,可以只删除包含页面文件的文件夹,包括模块,当然,你需要从其他页面删除对这个页面的引用。

使用您的终端,导航内部src/pages目录并运行


cd src/pages 
rm -r family-list 

在不延迟加载的情况下删除页面


如果页面不包含延迟加载(Ionic 2),则需要按照以下步骤删除页面。

首先导航内部src/pages,然后删除所有页面文件( HTML 、CSS和TypeScript源文件)。

接下来转到src/app/app.module.ts处的app module,然后删除page import语句,然后从module declarations数组和entryComponents数组中删除page。

例如删除HomePage


/* .. */
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home'; // 1 ) remove this 
/* .. */


@NgModule({
declarations: [
 MyApp,
 HomePage // 2 ) remove this 
],
imports: [
 BrowserModule,
 IonicModule.forRoot(MyApp),
],
bootstrap: [IonicApp],
entryComponents: [
 MyApp,
 HomePage // 3 ) remove this 
],
providers: [
 StatusBar,
 SplashScreen,
 {provide: ErrorHandler, useClass: IonicErrorHandler},

]
})
export class AppModule {}

模块应该如下所示


/* .. */
import { MyApp } from './app.component';
/* .. */


@NgModule({
declarations: [
 MyApp
],
imports: [
 BrowserModule,
 IonicModule.forRoot(MyApp),
],
bootstrap: [IonicApp],
entryComponents: [
 MyApp ],
providers: [
 StatusBar,
 SplashScreen,
 {provide: ErrorHandler, useClass: IonicErrorHandler},

]
})
export class AppModule {}

结论


我们研究了Ionic 2和Ionic 3如何删除页面,以及删除主模块中所有对页面的引用。


模块  REF  DEL  Refer  ION  Ionic