ionic2实战-按模块划分app,创建多module

2017年4月28日修复bug

• 如下图两张图的位置,分别是修改前和修改后
• 此bug在ios真机上会导致按钮、checkbox等被点击多次,有几个子module就会触发几次.所以只保留主module(app.module.ts)上的forRoot(MyApp)
  
  

  修改前

修改后

背景

• 用ionic2开发过一两个小功能的朋友都会发现,每新建一个页面都需要在\src\app\app.module.ts中添加页面对应的class
• 当app页面很多时都会感觉比较乱,分不清哪跟哪.更让人接受不了的是当多人同时开发,经常修改app.module.ts,会经常造成代码冲突
• 所以我们需要把页面按模块再细分

代码结构

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

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

代码详情

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

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

  
  
  

  home.module.ts

其他

• 完整代码已上传到github

由于ionic版本更新较快,有些写法可能改变来不及更新,请以github代码为准

• ionic3出了一个IonicPage很实用,不用导入每个页面到总module中了.还可以做延迟加载