文档章节

(1)ionic2的新特性

boogoogle
 boogoogle
发布于 2015/11/27 12:01
字数 472
阅读 3840
收藏 4

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

控制器语法


© 著作权归作者所有

共有 人打赏支持
上一篇: 过载
下一篇: flutter 常见问题
boogoogle
粉丝 10
博文 100
码字总数 26332
作品 0
昌平
前端工程师
私信 提问
Ionic2开发环境搭建-VS 2017

原文:Ionic2开发环境搭建-VS 2017 目前在VS 2017中创建Ionic2版本项目 注:在VS中开发Ionic项目,使用的Ionic(v2.x),Cordova(v6.3.1),Angular(v2.x)的版本都比较低。 1.前提,安装VS时,选...

杰克.陈
2018/05/08
0
0
理解ionic2 + angular2开发方案

  看了下ionic2的官方文档,做了简单的分析理解。 1. 安装使用   ionic2的安装运行基本和前版本的ionic基本一致,非常简单。 当然这里需要保证你的开发环境SDK已经安装成功了,例如Andro...

ouven
2016/09/20
1K
0
ES6、TYPESCRIPT、ATSCRIPT和BABEL是什么玩意儿

ES6、TYPESCRIPT、ATSCRIPT和BABEL是什么玩意儿? 前言 这个题目翻译自原版标题,挺好玩的题目。 由于官方文档的JS版本对比TS版本少非常多,我也没有能力确保把TS搬到JS并保证他的正确性,所...

黑狗007
2016/04/21
95
0
ion-alpha-scroll 城市选择插件

先给出链接 https://github.com/rossmartin/ionic2-alpha-scroll 单问题来了,中文咋办?格式咋办? 很简单 首先安装插件 npm install ionic2-alpha-scroll --save 修改插件 注释部分代码 注...

凌风大师兄
2018/03/27
0
0
Ionic2:创建App启动页滑动欢迎界面

效果如下,图片来自网络 本文例子和上图稍有不同,主要功能如下: 每滑动一下展示一张全屏图片; 滑动到最后一页才出现启动按钮; 欢迎界面只在第一次安装启动时出现。 下面就让我们一步一步...

_飞哥
2016/10/29
5.5K
22

没有更多内容

加载失败,请刷新页面

加载更多

tac 与cat

tac从后往前看文件,结合grep使用

writeademo
今天
2
0
表单中readonly和dsabled的区别

这两种写法都会使显示出来的文本框不能输入文字, 但disabled会使文本框变灰,而且通过通过表单提交时,获取不到文本框中的value值(如果有的话), 而readonly只是使文本框不能输入,外观没...

少年已不再年少
今天
2
0
SpringBoot上传图片操作

首先有个上传文件的工具类 /** * 文件上传 * @param file * @param filePath * @param fileName * @throws Exception */public static void uploadFile(byte[] file, String ...

_liucui_
今天
6
0
DrawerLayout

public class MainActivity extends BaseActivity implements NavigationView.OnNavigationItemSelectedListener,OnFragmentInteractionListener{ public NavigationView navView; ......

安卓工程师王恒
今天
2
0
python精简笔记

python精简笔记-字符串基本用法 字符串常见用法: * encode() # 编码成bytes类型 * find() # 查找子串 * index() # 获取下标 * replace() # 替换子串 * len(string) # 返回字符串长度,...

平头哥-Enjoystudy
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部