前言
对于使用angular开发的攻程师们来说，升级是一件非常痛苦的事情。AngularJS最大版本号只有1.x，2.x/4.x的版本号都是针对于全新的框架Angular，不向后兼容导致要花费大量的时间去研究，害苦了前端攻程师们，真后悔做了前端。
需求
先看一下效果图
场景描述:
1. 头部tab标签页可以添加多个,且每一个tab也对应自己的显示区域。
2.tab标签页可以左右滑动。且当点击每一页的最后一项是可以滑动定位到下一页。
2.每一个tab区域实现上拉刷新，下拉加载。实现收藏，以及取消收藏。
实现思路
1.定义一个model变量存放与tabs标签相关的数据源.
2.每一个tab标签对应的属性有{请求的URL，标签名称，是否存在数据，是否选中tab，是否还有请求的数据，查询的参数，请求的结果，上拉刷新回调函数，及下拉加载的回调函数}
3.定义上拉刷新，下拉加载的公共函数。
4.对每一个tab标签页采用组件化处理
5.tabs标签页采用组件化处理。
代码的实现
1.定义一个待办事项的服务组件处理待办中的业务逻辑, 获取tabs配置代码如下：
1.待办事项的服务组件之上拉刷新，下拉加载
3.待办事项的服务组件之tab标签页的实现：（实现方式采用ionic3框架自带的ion-slide指令实现）
4.待办事项的服务组件之每一个tab标签页组件化处理实现：
4.待办事项模板主页的实现：
总结：
虽然以上的需求并不是很复杂，但是由于对ng4框架不熟悉，以及ionic3框架了解的不多，导致走了不少弯路。历经千辛万苦终于实现了。也算是最大的欣慰吧。
