ionic2 使用module 模块化

问题

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

第一步 新建module.ts

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

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

Paste_Image.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容