angular4 ionic3 app

對於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/

相關文章
相關標籤/搜索