ionic2 使用module 模块化

问题

使用ionic2 开发过程中所有的page都需要在\src\app\app.module.ts中添加页面的引用。
当页面较多的时候,就会显得比较乱。而且多人开发的时候,反复修改app.module.ts 则会容易导致冲突。
我们可以按照项目功能或者流程划分成多个小模块,使用独立的module可以解决这个问题

第一步 新建module.ts

以登录注册为例,新建一个login.module.ts.
import该模块下面的所有page: LoginPage, RegisterPage

ionic2 使用module 模块化_第1张图片
Paste_Image.png
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

ionic2 使用module 模块化_第2张图片
Paste_Image.png

则 login.module.ts 中的所有page 都不用再添加到app.module.ts 中了。
添加其他模块也是一样的。

你可能感兴趣的:(ionic2 使用module 模块化)