(1)ionic2的新特性
(1)ionic2的新特性
boogoogle 发表于2年前
(1)ionic2的新特性
  • 发表于 2年前
  • 阅读 3835
  • 收藏 4
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: ng2发布在即,而ionic2也是基于ng2的.很多想开发hybrid app的同学就纠结了,到底该怎么办,这儿我们就说一下ionic2的新特性

ionic2的新特性

    ionic2是基于Angular2构建的.相对与ng1,ng2几乎是完全的推倒重建的新框架.

    虽然Angular原有的部分仍然在新版本中得以保留,但是开发者必须注意那些新的语法和结构变化.你可以通过这个篇文章了解Angular2的变化learn angular2

    对于ionic,如果你是学习过ionic1,那么ionic2将不会让你感到陌生.V1(ionic1版本)中的概念仍然留存于V2中,但是他们看上去可能会有些不同.你仍然可以看到V1中熟悉的views和controllers,但是在V2中,他们被合并到了一个模块之中.

对于同一个例子,让我们看一下两个版本的实现方法

V1的实现:

.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 的导航堆.(翻译的太烂了,推荐大家还是去看原文吧)

    从ng1迁移到ng2

如果你要把你的apps升级到ng2,那么就必须接受这些语法的改变.但是作为一个开发者,你可以参考一下的两个范例.它们会手把手的教你做好app升级的准备  

John Papa’s Angular Style guid

Todd Motto’s Angular Style guide

控制器语法


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 10
博文 88
码字总数 26043
×
boogoogle
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: