本教程适用于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如何删除页面,以及删除主模块中所有对页面的引用。