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中了.还可以做延迟加载
