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
控制器语法