ionic2的新特性html
ionic2是基於Angular2構建的.相對與ng1,ng2幾乎是徹底的推倒重建的新框架.
git
雖然Angular原有的部分仍然在新版本中得以保留,可是開發者必須注意那些新的語法和結構變化.你能夠經過這個篇文章瞭解Angular2的變化learn angular2
angularjs
對於ionic,若是你是學習過ionic1,那麼ionic2將不會讓你感到陌生.V1(ionic1版本)中的概念仍然留存於V2中,可是他們看上去可能會有些不一樣.你仍然能夠看到V1中熟悉的views和controllers,可是在V2中,他們被合併到了一個模塊之中.github
對於同一個例子,讓咱們看一下兩個版本的實現方法angular2
V1的實現:
app
.config(function($stateProvider){ $stateProvider .state('main', { url: '/', templateUrl: 'templates/main.html', controller: 'MainCtrl' }) }) .controller('MainCtrl', function(){ })
V2的實現框架
@Page({ templateUrl:'main/main.html'})export class MainCmp { constructor(){ } }
其餘的改變雖然也有很大不一樣,可是全部的變化都是朝着更好的方向進行的,.如今咱們能夠隨意的處理組件,就像咱們任意的處理views,而且能夠自由的導航到它們.這些變化讓導航更靈活而且容許更多的native-styled 的導航堆.(翻譯的太爛了,推薦你們仍是去看原文吧)ionic
從ng1遷移到ng2ide
若是你要把你的apps升級到ng2,那麼就必須接受這些語法的改變.可是做爲一個開發者,你能夠參考一下的兩個範例.它們會手把手的教你作好app升級的準備 學習
John Papa’s Angular Style guid
Todd Motto’s Angular Style guide
控制器語法