对于angular系列来讲,从2到4仅仅是版本号的变动,绝大部分都是兼容的。 若是按照规范编写代码,通常来讲是没有问题的。html
学习angular4 快速入门参考 https://www.angular.cn/docs/ts/latest/android
angular4 是由组件组成的。 组件由 HTML 模板和组件类组成,组件类控制视图。ios
1.各种文件的含义和功能json
package.json 存放一些插件的信息api
app.modules.ts 相似 angular1 里面的 app.js 根注入 根模块app
app.components.ts 相似angular1 里面的 config.js 配置文件angular4
main.ts 相似angular1 里面的 run.js 运行文件ionic
2.组件的写法 参考 https://angular.cn/docs/ts/latest/quickstart.html学习
3.ng1 和 ng2 的对比 http://www.cnblogs.com/1wen/p/5564368.htmlui
4.ionic3 各类组件的用法 分为 ios 版本 和 android 版本 http://ionicframework.com/docs/components/#overview
5.ionic3 插件
Ionic Native是Cordova / PhoneGap插件的一个TypeScript包装器,能够让您的Ionic移动应用程序轻松添加所需的任何本机功能。
http://ionicframework.com/docs/native/
6.路由和导航
(1).若是须要使用angular4 里面的路由的话请参考 https://angular.cn/docs/ts/latest/tutorial/toh-pt5.html
(2).若是是 angular4 和 ionic3 结合 能够考虑使用ionic3里面的导航控件 能够跳转到任何页面 而且带有返回上一级功能
NavControlle http://ionicframework.com/docs/api/navigation/NavController/
7.ionic3 里面提供了不少控件和模型 (弹出框 加载样式 提示框 滑动 复选框 缩略图 等等等) 具体参考第五点和第六点的网址
ionic1 里面的 上拉加载 下拉刷新 http://ionicframework.com/docs/v1/api/directive/ionRefresher/