之前（17年3月底）Angular4.0.0正式釋出，這個月（4月十幾號）Ionic3又釋出了，很多人看到這個估計都是一臉懵圈，其實，Angular4只是Angular2的後續版本，Ionic3也是Ionic2的後續版本，只是因為Angular現在嚴格按照版本更新策略來制定版本號，所以才會一下子跳到4的版本。
先來看看新的版本號更新策略是怎麼樣。首先，以2.4.8為例，分為[主版本].[中間版本].[小版本]。當有api更新導致跟原先的版本的某些api不相容的時候，就需要更新主版本，當新增一些新功能，並且所有的 api跟原先的版本相容，就更新中間版本。當只是bug的修改，就更新小版本。
如果一直關注Angular2的同學可能知道，在Angular2RC版本之前，每次更新新的Beta版，都會有api的更新，基於之前版本開發的應用，在新版本里就會出錯。我們也只能檢視官方的升級日誌，來判斷是否有不相容的更新，來以此來確定是否需要更新到新版本。
現在，使用了新的版本策略以後，我們只需要看版本號，只要第一個數字沒變，我們就可以放心的更新，特別是最後一個數字有變化時，應該及時更新，來避免框架中的隱藏的bug。
而Ionic也開始採用和Angular一致的版本策略，所以Ionic的版本升級到3。但是，Angular為什麼從2一下升到4了？原來，在Angular2的開發過程中，路由模組angular/router經歷了一次重寫，重寫以後版本是3.x。在升級Angular的時候，為了統一，使得所有的Angular子模組的版本都一致，就直接使用4.x的版本。但是，Ionic卻沒有跟著使用4.x的版本，不知道以後會不會改成一致的大版本。
需要說明的是，Angular以後官方的稱呼就叫Angular，不是Angular2，也不是Angular4，而1.x版本的老版本，叫AngularJS。
Angular4的新特性
首先，先看看Angular4的新特性。
更小、更快
新的版本下，打包的檔案將更小，執行也更快。從Angular2.x開始，它就支援AOT(Ahead of Time)的編譯，或者叫預編譯。此'編譯'不是一般說的把TypeScript程式碼編譯打包成js程式碼。這裡說的編譯，是在瀏覽器里載入完js程式碼和模板的內容以後，根據Angular框架的需要，把模板編譯成執行時需要的樣子，以及一些其他的處理。使用AOT編譯的程式碼，不需要在客戶端的瀏覽器裡面編譯，所以載入也會更快。其次，在客戶端編譯，需要用到一些編譯用的程式碼，而這些程式碼在執行時又用不到。所以，編譯後打包的js檔案也會較小。在Angular4裡，AOT編譯技術進一步得到改進，使得Angular應用大小更小、執行更快。
Angular Universal
Angular Universal也就是在伺服器端渲染Angular，這樣，對於一些比較老的裝置或瀏覽器也能夠很好的執行Angular應用，而且，也能夠支援搜尋引擎的優化。
從Angular4開始，Angular Universal從之前的社群維護的專案，成為了Angular的正式專案，也有Angular團隊維護。
TypeScript 2.1, 2.2的支援
最近TypeScript的發展也是非常快，其中也有Angular的原因，新版本總是會有一些新的東西或改進。
模板的Source Map
現在，如果在模板渲染的時候，發生了異常，這個模板的Source Map會被生成，這樣你就能準確的值得到底是那一個地方導致了錯誤。不像以前，需要根據錯誤裡面的變數或者其他原因，自己去模板檔案裡面查詢或分析。
Animation模組
從4.x版本開始，animation不再是@angular/core裡面的一部分，它被移到單獨的模組@angular/animations裡，
ngIf, ngFor指令
現在*ngIf支援else了。*ngFor指令也更加靈活。
除此以外，還有一些更新，請參考官方的部落格
Ionic3的新特性
Ionic3對應Angular4，Ionic3的新特性主要有下面2個：
IonicPage
在Ionic2的版本中，導航器不是基於url的，如果想設定基於url的導航，就需要使用DeepLinker，可以參考另一篇教程{% post_link ionic2-tutorial-todolist-app-2 "Ionic2入門教程 實現TodoList App-2 實現TodoList App" %} 。在新版中，我們可以使用IonicPage裝飾器來簡化配置，具體用法如下：
@IonicPage({
name: 'my-about',
segment: 'about'
})
@Component({
selector: 'page-about',
templateUrl: 'about.html'
})
export class AboutPage { }複製程式碼這樣就能把'about'這個url對應到AboutPage這個元件上。
延時載入
Ionic3.0版本開始，支援了延遲載入，我們可以將某些模組設定為延時載入，只有使用者開啟相關的頁面的時候，這個模組所在的js才會被下載，這樣能減少使用者初次下載的檔案的大小。
需要注意的是，ionic-cli的3.0版還沒有正式釋出，目前是beta版，正式版的可能還需要1，2周。如果想使用3.0 beta版的命令列，可以參考：blog.ionic.io/ionic-cli-v… 。
當然，你也可以直接修改package.json裡面的ionic和angular版本，來使用新版本。