ionic 多个modul 使用方法

只保留主module(app.module.ts)上的forRoot(MyApp)

ionic 多个modul 使用方法_第1张图片

修改前

ionic 多个modul 使用方法_第2张图片

修改后

背景

用ionic2开发过一两个小功能的朋友都会发现,每新建一个页面都需要在\src\app\app.module.ts中添加页面对应的class

当app页面很多时都会感觉比较乱,分不清哪跟哪.更让人接受不了的是当多人同时开发,经常修改app.module.ts,会经常造成代码冲突

所以我们需要把页面按模块再细分

代码结构

我的app按功能分了4个子模块,分别为contact、home、login和mine.具体代码结构如下图

ionic 多个modul 使用方法_第3张图片

按模块划分创建多个子模块

代码详情

如下图,以home.module.ts代码为例,注意不同颜色的标注

新建的子module,记得要添加到总模块中

ionic 多个modul 使用方法_第4张图片

源代码随后会上传

你可能感兴趣的:(ionic 多个modul 使用方法)