1. 概述 为了能够得到同原生应用类似的导航效果,Ionic创建了几个navagation组件来实现pages之间的导航操作,这种导航跟原生Angular2中的route机制是不一样的,我们可以借助于一下几种方式,在Ionic中实现导航效果: 1.1. Basic Navigation Navigation通过一个<ion-nav>组件来实现pages之间的导航处理,<ion-nav>组件就像是一个stack,新的页面push进入,然后pop出栈,就类似于history接口的for…

在群里看到有人问怎么在Ionic2中集成ECharts来显示图表.当时答应说写个blog,简单写下步骤. 在TypeScript中如果要使用第三方库,必须要有d.ts,也就是定义文件,没有这个文件的话TypeScript是认不出来的,无法编译通过.下面以百度的ECharts图表为例,演示一下使用第三方库的用法. 1.安装ECharts 首先需要使用npm安装ECharts,输入以下命令: npm install echarts --save 安装完毕后可以看到node_modules目录下多了e…

之前讲过了如何在Ionic2中使用第三方库,因为第三方库必须针对TypeScript提供相应的声明文件——即d.ts文件,才能被TypeScript正确识别并编译.好在大多数的第三方库已经有了定义文件,可直接通过以下命令安装: npm install @types/theLibraryName --save 这样就可以解决大多数第三方库的引入问题,如上一篇博客中提到的ECharts组件. 那么如果某个第三方库没有对应的d.ts怎么办呢?除了自己手写d.ts之外,TypeScript也提供了一种比…

Ionic2混合开发,入坑系列:Ionic2中集成腾讯Bugly之自定义插件 1.编写Bugly.js代码 var exec = require('cordova/exec'); module.exports = { /** * 发送Bugly异常信息 * @param success 成功回调函数 * @param error 错误回调函数 * @param params 参数值 */ buglySend: function (success, error, params) { exec(su…

Ionic2混合开发,入坑系列:Ionic2中集成第三方控件Sweetalert 注:Sweetalert2已经可以直接从npm中下载安装 npm install --save sweetalert2 1.安装Typings 在命令行中输入:npm install -g typings 安装完成后,在命令行中输入:typings --version 2.在typings文件夹中创建一个*.d.ts文件,代码如下: /** * 第三方库sweetalert声明文件 * * @author dane…

Ionic2混合开发,入坑系列:Ionic2中腾讯Bugly异常捕获以及上报 1.Ionic2中处理全局异常,直接继承IonicErrorHandler即可,代码如下 import { IonicErrorHandler } from 'ionic-angular'; import { Bugly } from './../plugins/TX-bugly.plugin' import { Config } from './../config/config' /** * Ionic2全局异常捕获…

在ionic2中使用自定义图标,如iconfont(阿里巴巴矢量图标). 先在http://www.iconfont.cn/ 中找到自己需要的图标,然后将图标加入购物车,然后下载该图标. 下载完成后解压,打开文件demo_unicode.html可以看到它提供的使用方法,我们在ionic2中按照以下方法使用: 1.在项目的assets目录下新建fonts文件夹,然后将下载解压后的iconfont.woff.iconfont.ttf.iconfont.svg.iconfont.eot添加到font…

ionic generator是命令行的功能,ionic2自动帮我们创建应用程序,从而节省了大量的时间,并增加我们的速度来开发一个项目的关键部分. ionic generator使我们可以自动创建以下几部份: component directive page provider 一.创建页面:ionic g page [PageName] 通过这个命令创建一个新的页面,ionic2项目中这个命令使​​用最多 我们只需要进入我们的命令行中,并运行下面的命令: ionic g page login #…

不同于Ionic1中插件的调用,Ionic2提供了Ionic Native.Ionic Native封装了一些常见的插件(如:Camera.Barcode Scanner等),这些插件的使用方式在官方文档中有详细的描述.今天我们所说的第三方插件就是指Ionic Native中没有,但在Ionic1中可以使用的插件. 创建新项目 ionic start JPush --v2 --id dpary.jpush.demo 运行以上命令,创建包名为“dpary.jpush.demo”的Ionic2应用.…

1. 先在之前的本地项目文件夹里创建一个存放截图的文件夹.(如img文件夹) 2. 将新增的内容通过github desktop上传到github中 3. 在github中立马能看到刚刚上传的图片,打开图片,点击Download 4. 直接复制地址栏的网址 5. 最后在README.md中修改,加上代码 ![Image text]https://img-blog.csdn.net/20180525104241175?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4…