angular4 ionic3 app

对于angular系列来说，从2到4仅仅是版本号的变更，绝大部分都是兼容的。  如果按照规范编写代码，一般来说是没有问题的。

学习angular4     快速入门参考  https://www.angular.cn/docs/ts/latest/

angular4  是由组件组成的。 组件由 HTML 模板和组件类组成，组件类控制视图。

1.各类文件的含义和功能

    package.json    存放一些插件的信息

    app.modules.ts    类似 angular1 里面的 app.js    根注入  根模块

    app.components.ts   类似angular1  里面的 config.js  配置文件

    main.ts   类似angular1 里面的  run.js  运行文件

2.组件的写法    参考   https://angular.cn/docs/ts/latest/quickstart.html

3.ng1 和  ng2  的对比   http://www.cnblogs.com/1wen/p/5564368.html

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/

转载于:https://www.cnblogs.com/luffyc/p/7204379.html