近况最近做了很多移动端项目，从ionic1到ionic2到reactnative，再到微信项目，其中不乏踩了很多坑。

经历了一个从0到有的app的开发，我已经很熟悉Ionic1了，在此期间我曾发现过Ionic1的一些bug，和一些不合理的地方（根基版本不同，后续我会陆续发表这些文章），我甚至在此期间对Ionic1进行代码改造和

[email protected]安装npminstall-gionic```初始化项目```ionicstartionicdemo--v2ionicstartionicdedmotabs--type=ionic1

项目需求：使用Ionic1做混合App开发，使用Leaflet提供地图服务遇到问题：地图上的click事件在IonicApp中不生效，在浏览器（PC和移动端）都可以通过在Leaflet的githubIssue

1.安装热更新插件npminstall-gcordova-hot-code-push-clicordovapluginaddcordova-hot-code-push-plugin2.开启热更新服务cordova-hcpserver开启服务后热更新插件生成配置文件，它会自动去改chcp.json下的release值，和chcp.manifest下的改过的文件的hash值.Chcp.json包含了项

在iOS上，ionic1本身就是支持透明的状态栏的。在Android上，ionic1自身是不支持的，所以需要我们自己来实现。

关于Swiper，这里就不再多说。ionic的ion-slides组件也是基于Swiper的再封装。Swiper官网地址：http://idangero.us/swiper/#.Vmc1J-ODFBcion-slides文档地址：https://ionicframework.com/docs/v1/api/directive/ionSlides/Note我们需要用到ngTouch.js来监听tou

#####安装插件```cordovapluginaddcordova-plugin-device//获取设备信息cordovapluginaddcordova-plugin-appavailability--save//检查地图app是否存在cordovapluginaddcordova-plugin-inappbrowser//使用内置浏览器cordovapluginaddhttps://gi

随着混合开发越来越受广大开发者的喜爱，由于上家公司的需求，有幸接触ionic3（之前一直是iOS开发），半年后离职来到现在公司，由于需求接触ionic1（ionic1和ionic3基本不一样）。

使用ng-bind-html在ionic1中绑定HTML代码，最简单的方法就是使用ng-bind-html。代码示例：有可能绑定上来后某些HTML代码不会生效，这时候再加

前言Android启动出现黑屏（或白屏），按照出现的时间不同，可以分为两种情况。启动到闪屏页面(splashscrenn)出现前，出现黑屏。闪屏页面消失到APP首页出现之前，出现黑屏。闪屏页面出现前在这种情况下出现黑屏，要想做优化，只能通过修改原生代码来实现。第一步，修改app/res/values/themes.xmlfalsetrue第二步，修改app/manifests/AndroidMan

因最近开发几个ionic1项目,默认配置的gulp,对gulp已经非常熟悉,用实例来写一点教程,如有错误欢迎指正。

开发环境对方为Android/IOS原生应用，我方为Ionic1的WebApp。分析对方app点击某一按钮后能够打开我方app。

如何实现Android的沉浸式体验，请参考ionic1开发——APP体验优化之实现沉浸式状态栏在iOS上，ionic3是做了iPhone的刘海屏适配的。但是，

插件cordova-plugin-camera//上传文件$scope.postUploadFile=function(){$ionicActionSheet.show({buttons:[{text:'相机'},{text:'图库'}],cancelText:'关闭',cancel:function(){returntrue;},buttonClicked:function(index){swi

Ionic2Ionic2完全重写了Ionic1的构架。基于Angular2的语法，封装了各种手机适用的组件，非常适合快速迭代，追求速度的产品。优点：几乎100%跨平台可复用代码。

公司的有一个项目是使用ionic开发的，最近客户提出了一个新功能：二维码扫描。我瞬间懵逼了，在原生上面实现二维码扫描是一件很容易的事情，但是自己从来没有在ionic上面使用二维码扫描，但是也没办法，默默地google，最后发现也不是那么的难，只是界面实现出来丑了点。1、环境配置首先需要配置jdk、sdk、cordova、node、ionic的环境变量，使用该插件还需要使用phongGap，我使用的

上篇文章讲了ionic1的环境配置、创建项目和打包app,由于安卓上还是不识别ES6语法,这里讲基于ionic1的ES6编译和gulp自动化构建工具.。

相比ionic1来说好了很多，开发过程让人舒服很多。但期间遇到一些问题

html中的重点是ng-class属性，指定$rootScope.hideTabs为true时隐藏Tabs..run(function($rootScope){//页面跳转事件拦截$stateChangeStart|$stateChangeSuccess|$stateChangeError//https://github.com/angular-ui/ui-router/wiki$rootScop

熟悉ionic1和angular1的用户对于使用cordova都有一定的认识，但是在ionic2中官方给出的使用方法是从ionic-native这个npm包导入要使用的cordova插件。

前段时间，要更新公司的一个项目，用的是ionic1，结果在ios11上调试的时候，卧槽，什么鬼，导航栏全部跑到电池栏上面去，导致左上角的返回按钮无法使用，而在iphonex上，tabs栏也出现栏问题（内心一百句

需求通过命令行方式进行定制化打包项目与项目间的定制化需求并不完全一致，需做出区分每个项目一套配置文件，分别读取配置文件实现定制化需求为何选择gulp首先是因为此项目是基于ionic1的老项目,默认集成了

在做ionic开发之前，一直做的是iOS原生开发。对于软件编程不是0基础，对于ionic只能是大概听说过。今年国庆之前HTML+CSS会写一点点，js和jq基本不会，angular也是停留在听说过的层面，国庆之后正式入了ionic的坑。1.phonegap、cordova、ionic通俗点的理解：phonegap升级之后就改名叫做cordova了，当然有些人还是习惯性的叫phonegap。ioni

ionicstarttabTest--type=ionic-angularionicstartionic1blank--type=ionic1(安装ionic1项目)ionicstartionic3blank

template:tabs(带导航条）blank（空项目）sidemenu（带侧滑菜单）options：版本ionic1或

本文只针对ionic1的用法做下记录，即使版本不同，但思想相同。申请应用权限第三方功能需要申请开发者账号，之后才可以进行后续的操作。

Stpe1:创建一个项目（此处使用的是tab类型的项目，创建方式可参照我前一篇如何离线创建Ionic1项目）Stpe2:修改项目信息打开[config.xml]修改下图内容：Stpe3:创建极光项目注册极光开发者账号

标签（空格分隔）：Ionic1安装postman1.1下载postman离线包https://pan.baidu.com/s/1mh6Rqvm提取密码：w8gj1.2解压缩,并修改文件名_metadata

如果你用ionicv1开发iosapp时，将app安装到有刘海屏的iPhone上，出现刘海屏占据statusbar部分空间，导致状态栏或事header上的按钮（如返回键，操作键）无法点击，可以修改config.xml配置文件。打开xcode，找到工程项目下根目录的config.xml和Staging文件夹下的config.xml文件，第一步，修改根目录下的config.xml在标签最后添加如第二步

如果你用ionicv1开发iosapp时，将app安装到有刘海屏的iPhone上，出现刘海屏占据statusbar部分空间，导致状态栏或事header上的按钮（如返回键，操作键）无法点击，可以修改config.xml配置文件。打开xcode，找到工程项目下根目录的config.xml和Staging文件夹下的config.xml文件，第一步，修改根目录下的config.xml在标签最后添加如第二步

引起无法使用的原因不敢肯定，在网上搜索一些文章大概是说ios升级到11之后会出现这个问题，当然当ios发布11时，如果还是在用ionic1说明项目是老项目或事掌握的技术的落后了。我是两者皆是。

引起无法使用的原因不敢肯定，在网上搜索一些文章大概是说ios升级到11之后会出现这个问题，当然当ios发布11时，如果还是在用ionic1说明项目是老项目或事掌握的技术的落后了。我是两者皆是。

由于在ionic2中使用jquery这样的三方类库将不再像在ionic1中那样简单，而是提供了一个typings的库。它可以将js库生成对应的文件，然后通过t

在ionic1中使用gulp进行项目构建，在ionic2中引入了webpack,使用ionic2的webpack需要修改相关的配置，而在ionic1中需要自己写gulp任务。

InlineTabsNewTasks{{item.title}}DeadlinesDeadlinesSettingsSettingsNewTaskDoneangular.module('ionicApp',['ionic']).controller('RootCtrl',function($scope,$ionicTabsDelegate,$timeout){$timeout(function()

HelloWorld：手动创建第一个ionic应用欢迎大家到我的博客关注我学习Ionic1和Ionic2的历程，共同学习，共同进步。本文乃翻译而来，如有理解不足之处，请多多指正，大家也可移步原文。

由于项目中需要封装一个自定义插件，突然发现在ionic1中使用正常的插件2中没办法使用了，google了半天找到了官方的文档。折腾了好久，终于可以使用自定义插件了，虽然方法有点坑。

目录(1).导包(2).写js路由(3).绘制html页面(4).在controller.js添加声明对应controller(5).在index.html声明整个app用这个模型(6).三个html页面(7).效果图(1).导包(2).写js路由angular.module('starter',['ionic','starter.controllers','starter.services'])

楼主本人用ionic1开发公司的app,功能需求要动态的显示选项卡栏，所以很自然的想到了用ng-repeeat去循环获取后台数据。

情景：使用ionic1开发（历史问题，没人力和资源升级3.0）；然后产品说打字很麻烦，现在有现成的http接口，做个语音输入呗！

 网上大部分ionic1打包apk都是老版本，需要老版本的node，然而老版本的gulp又不兼容，造成打包编译失败，整个过程配置繁琐还需要额外下载sdkmanager，所以笔者使用最新版的ionic创建

在上一篇文章中，提到了如何在ionic1中使用imagepicker插件，并且实现该插件显示中文（汉化）问题有兴趣可以看看：ionic1使用ImagePicker插件并且显示中文（汉化）1、这次要解决的问题是

最近用入坑ionic2，学习的时间不久，之前用过ionic1开发过，转坑ionic2发现两者差别还是挺大的，闲着就把一些东西写下来，大家一起交流学习下！新人一枚，不喜勿喷！

欢迎大家到我的博客关注我学习Ionic1和Ionic2的历程，共同学习，共同进步。注：本文是翻译而来，难免有错误之处，请大家多多批评指正，大家也可移步原文。

方法1以前搞ionic1~4的开发中和react-nativeflutter中的机制完全不同,在flutter中当前页面如果存在元素被软键盘挡住的情况页面元素的最外层肯定得嵌套一层SingleChildScrollViewbody

关于京东支付接入京东支付的sdk，如果手机没有安装手机京东app，那么会直接进入wap收银台，输入手机号获取验证码进行支付。如果有安装手机京东app，那么就直接调起手机京东app进行支付。支持平台androidiOS安装在线安装cordovapluginaddcordova-plugin-jdpay--variableAPP_ID=[yourapp_id]--variableMERCHANT=[y

ionic1、定高条块bar：2.

作为一个ionic的忠实粉丝，我从ionic1到ionic2，一直致力于在真实的项目中使用该技术，因此有些小的感悟，特跟大家分享一下。

这是卡住了，一是自己的网络不好；随后就开始报说start不是指令，gradle这个文件错误啥的等一系列问题；网上多说是什么版本的问题，更新ionic或cordova,还有就是说本地安装的ionic2，执行ionic1