Ionic3的新特性

Ionic框架是一个100%免费的开源项目,在麻省理工学院授权。基于谷歌的angular框架,它将永远保持免费使用。


之前(17年3月底)Angular4.0.0正式发布,这个月(4月十几号)Ionic3又发布了,很多人看到这个估计都是一脸懵圈,其实,Angular4只是Angular2的后续版本,Ionic3也是Ionic2的后续版本,只是因为Angular现在严格按照版本更新策略来制定版本号,所以才会一下子跳到4的版本。


Ionic也开始采用和Angular一致的版本策略,所以Ionic的版本升级到3。但是,Angular为什么从2一下升到4了?原来,在Angular2的开发过程中,路由模块angular/router经历了一次重写,重写以后版本是3.x。在升级Angular的时候,为了统一,使得所有的Angular子模块的版本都一致,就直接使用4.x的版本。但是,Ionic却没有跟着使用4.x的版本,不知道以后会不会改成一致的大版本。


Ionic3对应Angular4,Ionic3的新特性主要有下面2个:

IonicPage


在Ionic2的版本中,导航器不是基于url的,如果想设置基于url的导航,就需要使用DeepLinker,可以参考另一篇教程Ionic2入门教程 实现TodoList App-2 实现TodoList App 。在新版中,我们可以使用IonicPage装饰器来简化配置,具体用法如下:


Ionic3




这样就能把’about’这个url对应到AboutPage这个组件上。 




延时加载

Ionic3.0版本开始,支持了延迟加载,我们可以将某些模块设置为延时加载,只有用户打开相关的页面的时候,这个模块所在的js才会被下载,这样能减少用户初次下载的文件的大小。

需要注意的是,ionic-cli的3.0版还没有正式发布,目前是beta版,正式版的可能还需要1,2周。如果想使用3.0 beta版的命令行,可以参考:http://blog.ionic.io/ionic-cli-v3-beta/ 。
当然,你也可以直接修改package.json里面的ionic和angular版本,来使用新版本。



Ionic3

  <ion-list>
            
             <ion-item>
                <ion-input type="text"  aceholder="Username"></ion-input>
             </ion-item>
            
             <ion-item>
                <ion-input type="password" placeholder="Password"></ion-input>
             </ion-item>
            
            </ion-list>