問題
使用ionic2 開發(fā)過程中所有的page都需要在\src\app\app.module.ts中添加頁面的引用。
當(dāng)頁面較多的時候,就會顯得比較亂谍肤。而且多人開發(fā)的時候久免,反復(fù)修改app.module.ts 則會容易導(dǎo)致沖突肉康。
我們可以按照項目功能或者流程劃分成多個小模塊,使用獨立的module可以解決這個問題
第一步 新建module.ts
以登錄注冊為例,新建一個login.module.ts.
import該模塊下面的所有page: LoginPage, RegisterPage
import {NgModule} from '@angular/core';
import {IonicModule} from 'ionic-angular';
import {MyApp} from '../../app/app.component';
import {LoginPage} from './login';
import {RegisterPage} from './register/register';
@NgModule({
declarations: [
LoginPage,RegisterPage
],
imports: [
IonicModule.forRoot(MyApp)
],
entryComponents: [
LoginPage,RegisterPage
],
})
export class LoginModule {}
第二步 在app.module.ts 中引入 LoginModule
則 login.module.ts 中的所有page 都不用再添加到app.module.ts 中了。
添加其他模塊也是一樣的背亥。