物理返回键指的是手机系统自带的返回按钮,通过cordova监听返回按钮操作,可以禁止某些页面的返回操作,以及实现点击两次返回按钮退出应用. var pageUrl = window.location.href; var n = pageUrl.lastIndexOf('?'); var m = pageUrl.lastIndexOf('/'); var str = pageUrl.substring(m+1,n); //获取pageName var exitAppTicker = 0; docu

angular.module('starter', ['ionic', 'route', 'config', 'global', 'commonJs', 'ngCordova']) .run(['$ionicPlatform', '$rootScope', '$location', '$timeout', '$ionicHistory', 'CommonJs', '$cordovaToast','$cordovaKeyboard', function ($ionicPlatform, $root

ionic 实现双击返回键退出应用功能 keywords cordova,ngcordova,phonegap,ionic,双击,返回键,退出 例子 准备Toast插件,提示用,用户体验好点,不是必须要装 cordova plugin add cordova-plugin-x-toast 示例: .run(function ($ionicPlatform, $rootScope, $location, $timeout, $ionicHistory, $cordovaToast) { //双击退

我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list.这貌似没什么 实质性的东西, sencha touch ,jq 都能提供 .一个用 AngularJS 写的 工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它 还包含 了angular-animate.angular-resource.a

Ionic 调用 Device 设备 Api 获取手机的设备信息 1. 找到对应的Api: https://ionicframework.com/docs/native/device/ 2. 安装相关的设备插件 ionic cordova plugin add cordova-plugin-device npm install --save @ionic-native/device 3. 在app.module.ts中引入注册相应模块 import { Device } from '@ionic

目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成HybridAPP,并且它提供了非常多的插件,方便我们使用原生APP的功能. Ionic是一个界面样式库,仿照原生的ios和android界面:同时它是基于AngularJs的. 本文我们在win7中搭建 AngularJS+Ionic+Cordova 开发环境,包括所涉及的Node.js.Cordova CL

1.下载安装JDK(根据各自系统选择32位或64位下载),安装完成之后需要做以下环境变量配置 在“系统变量”中,设置3象属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),如果已经存在则点击“编辑”,不存在点击“新建”: 1)JAVA_HOME C:\Program Files\Java\jdk1.7.0_80 注意:JAVA_HOME指明JDK安装路径,就是用户刚刚安装JDK时选择的路径,此路径中包含lib,bin,jre等文件夹 2)Path %JAVA_HOME%\bi

这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动. 下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp 一:环境搭建 1.配置java的运行环境,包括path变量的路径,这里不再详细讲解,请自行百度. 2.下载Android  Studio,并配置path变量,以及sdk路径.这个下载比较麻烦,请自行去

针对npm安装 ionic 和 cordova 过程很慢,且有些安装文件被墙的问题,使用如下方式解决: 1)安装cnpm npm install -g cnpm 2)然后再使用cnpm 安装 ionic cordova cnpm install -g ionic cordova

ionic cordova 打包 文章 http://blog.csdn.net/i348018533/article/details/47258449 http://www.cnblogs.com/cybolg/p/5222605.html http://blog.csdn.net/yuchen_0515/article/details/50722333 http://rensanning.iteye.com/blog/2205322 http://www.runoob.com/ionic/i

1.安装node-v0.10.38-x64.msi版本(从nodejs中下载最稳定版本,最后安装ionic安不上,然后又安装node-v0.10.38-x64.msi,再安装ionicok了.不知道是不版本的原因,最后再升级到新版本就ok了) 2.安装android sdk(installer_r24.1.2-windows.exe版本,必须在安装cordova之前安装android sdk,不然后面进行cordova 命令时,报错误....)注意更新sdk或者安装虚拟机时请用管理员身份启动,不

ionic+cordova+angularJs 这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动. 下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp 一:环境搭建 1.配置java的运行环境,包括path变量的路径,这里不再详细讲解,请自行百度. 2.下载Android  Studio,并配置path

有兴趣的可以了解下history对象,不感兴趣也可以直接跳到手机物理返回键监听部分 使用场景: 场景1:项目中一个表单页面,需得填写验证码,填写验证码后提交,由于使用的form直接提交,没有使用AJAX,所以,在出现验证码填写错误的时候,就会跳转到错误提示页,3秒倒计时后使用history.back(-1)的方式返回上一页,这也就出现了一个问题,使用history.back(-1)进行后退之后,图形验证码已过期,但是却没有刷新,这样就导致用户重复多次填写验证码,影响用户体验: 场景2:关注公众号

A → B 使用 navigator 导航,用 goBack() 返回的时候传递参数 在 A 页面 this.props.navigation.navigate("B", { callBack: (data) => { //回调函数 this.setState({ studentCount: data }) } }); 在 B 页面 onPress()=>{ this.props.navigation.state.params.callBack(data) this.pro

注意事项 ionic1需要ng-cordova plugin的使用都需要放到deviceready事件的回调中, 设备准备好了才能设备交互 plugin只有在真机上才有效果, 模拟器(部分)和browser中是无效的 插件安装 官网Doc - http://cordova.apache.org/docs/en/latest/guide/cli/index.html#add-plugins ionic cordova plugin add cordova-plugin-camera 插件的引入 i

之前在项目中遇到一个问题,就是在微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,就会按照你浏览器的栈存储的路径来一层一层返回,就不执行你页面上的那个返回按钮的操作了,但是这个物理返回键的监听好像没有直接的办法进行,所以有人就想到了曲线的办法 原理: 页面加载完成时,调用history.pushState写入一个指定状态STATE,并监听window.onpopstate: 当onpopstate被触发时,检查event.state是否等于

安装ionic 及 cordova npm install -g cordova ionic npm 淘宝镜像(GFW,导致很多插件下载失败) npm install -g cnpm --registry=https://registry.npm.taobao.org 更新命令npm update -g cordova ionic 安装特定版本npm install -g ionic cordova@5.0.0npm install -g ionic@1.6.5 删除命令npm uninstal

如何调用cordova 中的screenshot插件进行截图 首先添加 ionic cordova plugin add com.darktalker.cordova.screenshot npm install --save @ionic-native/screenshot 然后在你使用的TS下导入 import { Screenshot } from '@ionic-native/screenshot'; constructor( public screenshot: Screenshot)

ok!在安卓手机上,当我们用物理返回键的时候,会以一次性的将程序退出来,这样是很不好的体验,所以就需要使用RN的物理返回键组件:BackAndroid,其原理也就是 分析路由,然后pop()这样! ok!先来说下路由栈吧!,有一点计算机技术基础的同学都应该学过堆栈,其中的栈就是后入先出,也就是RN里面的push(入栈),pop(出栈)! 好的!如图所示! 1:两个路由之间的backandroid else return 直接退出应用 2:在注册组件设置backAndroid(这里注意了,在注册组

ionic platform add android 给我报这个问题,不理解 The platform command has been renamed. To find out more, run: ionic cordova platform --help 前几天ionic cli刚刚发布了3.0的版本, 这就是你出现问题原因之所在, 目前市面上的一切资料中的命令全部无法正常使用了, 所以建议你降级到ionic cli 2.x的版本. (怎么降级看后面) 当用ionic cli命令行创建项目