
ionic开发
文章平均质量分 67
ionic开发相关技术问题
Mickey_于浩
————————Mickey mouse
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ionic开发——点击发送短信功能
首先执行命令cordova plugin add https://github.com/cordova-sms/cordova-sms-plugin.git安装不上可以选择执行ionic plugin add cordova-sms-plugin附件中有ng-cordova.js 下载,要在图中所示的cordova.js之前引用进去。app.js中注入ngCordova原创 2016-08-29 14:29:23 · 2129 阅读 · 0 评论 -
ionic开发——内容超出滚动,水平滚动,垂直滚动及ios无法滚动问题
在angualarjs和ionic 开发中,直接设置CSS样式overflow:scroll或者overflow:auto;可能在ios上并无法实现滚动的效果。在ionic中,他有专有的滚动条的功能。我们直接用它的就好了。 //具体参数说明[delegate-handle=""] 该句柄利用$ionicScrollDelegate指定滚动视图原创 2017-02-23 15:41:02 · 7458 阅读 · 0 评论 -
ionic开发——点击图片查看大图
html代码: .LightBox { z-index: 999; background: black; position: fixed; width: 100%; height: 100%;原创 2017-03-03 18:20:20 · 3455 阅读 · 2 评论 -
ionic开发——获取ion-scroll滚动条的滚动值
在ionic 开发中,当我用到ion-scroll这个可以滚动的容器的时候,如果我们想要获取到滚动条已经滚动的距离,在android和ios设备上是不一样的,可以通过下面的方法来获取在android上,我可以直接给ion-scroll一个id="myscroll",垂直滚动值:document.getElementById("myscroll").scrollTop;水平滚动值:原创 2017-03-23 15:45:54 · 8110 阅读 · 3 评论 -
ionic开发——获取手机设备信息
首先,我们要安装cordova的plugin插件cordova-plugin-device$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git//添加插件$ cordova plugin rm org.apache.cordova.core.device//删除插件在A原创 2017-03-31 18:03:04 · 12447 阅读 · 0 评论 -
ionic开发——ngCordova全功能测试
说明:该文件只限android手机安装,里面实现了ionic所有的功能。但是有的功能有错误。(ngCordova是基于Cordova封装的Angularjs的调用本地设备接口的模块,可以调用56个设备接口包括ios、android、windowsphone)大家可以到网盘下载app安装手机使用https://pan.baidu.com/s/1原创 2017-04-01 16:10:02 · 1221 阅读 · 0 评论 -
ionic开发——禁止右滑返回上一页
在ionic的开发中,在页面向右滑动会返回上一页,主要原因由于app.js中.config的配置控制的。具体解决方法有两种:1、配置ionicConfigProvider$ionicConfigProvider.views.swipeBackEnabled(false);2、设置ion-viewcan-swipe-back=”false”;第一种方法原创 2017-04-21 11:06:29 · 6374 阅读 · 0 评论 -
ionic开发——微信分享准备工作之签名和包名的获取方法
1.首先,我们需要ionic建立一个App项目。2.然后,我们登录微信开放平台https://open.weixin.qq.com/(点击打开链接)注册一个账号。3.创建一个App移动应用的应用(这个需要审核,有的快有的慢,几乎需要半天左右)。4.重要的就是创建这个移动应用中,我们需要填写签名和包名。5.首先,签名怎么获得呢?第一种方法:是通过dos命令来完成签名,这个方法可以原创 2016-09-29 14:31:10 · 4751 阅读 · 4 评论 -
ionic开发——cordova-plugin-image-picker 在安卓中闪退的解决办法
cordova-plugin-image-picker 在安卓中存在问题,在Android6.0以上的版本中,在为获取权限之前进入图库或闪退,解决办法很简单:移除我们现添加的plugin:cordova plugin remove cordova-plugin-image-picker从github上面添加一个修复过的plugin:cordova plugin add http原创 2017-05-24 11:12:03 · 5661 阅读 · 3 评论 -
ionic开发——Node Sass does not yet support your current environment解决办法
这个问题在升级ionic2的时候可能会遇到,不一定是windows,但是解决办法都是一样的,其实很简单,就是sass不支持当前的环境,那么在当前环境重新安装一下就好了先卸载:npm uninstall --save node-sass在安装:npm install --save node-sass就解决了原创 2017-06-06 16:36:34 · 24390 阅读 · 1 评论 -
ionic开发——编译出错:You have not accepted the license agreements of the following SDK component
今天在执行ionic cordova build android --prod的时候,报了下了的错误:* What went wrong:A problem occurred configuring root project 'Android'.> You have not accepted the license agreements of the following SDK compo原创 2017-06-20 17:22:29 · 7880 阅读 · 1 评论 -
ionic开发——打开百度地图APP如何传递参数,导航路线
首先,打开百度地图APP的方法不知道朋友可以看一下这里:http://blog.youkuaiyun.com/yu17310133443/article/details/73199067点击打开链接了解了怎么打开百度地图APP,那么打开的时候如何把需要的信息以参数传递过去呢?首先,打开百度地图APP的插件 com.lampa.startapp 格式是这样的:var sA原创 2017-06-21 18:16:42 · 3713 阅读 · 1 评论 -
ionic开发——百度地图InfoWindow信息窗口上添加按钮,无法触发点击事件问题解决办法
ionic开发中,在使用百度地图的时候,有时我们需要在点击地图上标注的海量点弹出一个infowindow的信息窗口,自定义信息窗口的内容后,我们想要可以在信息窗口上面点击的时候,发现点击没有效果。我们用chrome的开发者模式查看我们绑定的事件是已经绑定上的,可是还继承了两个ionic里面的方法,我们在调试工具中把这两个方法remove掉,发现我们自己绑定的事件就可以触发了。可能因为ionic原创 2017-06-14 09:22:54 · 5156 阅读 · 2 评论 -
ionic开发——获取手机唯一标识imei码
首先,我们要添加了cordova-plugin-device插件,具体流程可以查看ionic开发获取手机设备信息点击打开链接这篇说明如何获取手机的imei码我们需要在cordova-plugin-device中添加一些获取imei码的代码首先,在plugins/cordova-plugin-device/www目录下,将device.js文件根据下面做相应更改/* * * Li原创 2017-03-31 18:17:20 · 9693 阅读 · 6 评论 -
ionic开发——Angularjs页面渲染完成在执行指定操作的方法
在ionic开发中,我们有的方法需要在页面渲染之后在执行,而一般js代码在页面渲染之前就执行了,所以有些东西没有实现。下面的方法可以实现这个功能:这里用ng-repeat举例:html的View里面: dummy Text 我们需要添加一个指令 directive.js://angularjs渲染完执行 .directive('onFinishR原创 2017-07-06 17:04:38 · 3647 阅读 · 0 评论 -
ionic开发——加载在线图片完整功能实现方法(正在加载-加载成功-加载失败)
加载图片的方法可以参考上一篇文章JavaScript开发——加载在线图片完整功能实现方法(正在加载-加载成功-加载失败)http://blog.youkuaiyun.com/yu17310133443/article/details/74563478这篇文章是基于上篇文章的,需要上篇文章的内容。其实上篇文章的方法已经实现了功能,但是在ionic中我们要加载的图片列表都是用ng-repeat渲染到页原创 2017-07-06 17:07:58 · 1650 阅读 · 0 评论 -
ionic开发——自定义等待动画$ionicLoading
只需要注入$ionicLoading,引用下面的代码即可。$ionicLoading.show({ template: '',//页面显示的html内容 animation: 'fade-in',//动画 showBackdrop: true,//是否显示背景遮罩 maxWidth: 200, showDelay: 0,//指示器延迟多少秒显示});原创 2017-02-23 10:37:42 · 1552 阅读 · 0 评论 -
ionic开发——自定义弹出框
只要注入$ionicLoading,用下面的代码就可以了!$ionicPopup.show({ // cssClass:"", template: '标题与按钮直接可随意添加标签内内容', title: '标题', scope: $scope, buttons: [ { text: "取消", onTap:fun原创 2017-02-23 10:24:47 · 3757 阅读 · 0 评论 -
ionic开发——中文确认弹出框
$ionicPopup.confirm({ template:"确认解除绑定吗?", buttons: [ { text: "取消", onTap:function(e){ } }, {text: '确定', onTap:function(e){ } }]});原创 2017-02-07 10:45:15 · 3691 阅读 · 2 评论 -
ionic开发——Android 返回键
返回键处理,只需要在run方法里添加如下代码:$ionicPlatform.registerBackButtonAction(function (e) { e.preventDefault(); function showConfirm() { var confirmPopup = $ionicPopup.confirm({ title:原创 2016-09-12 09:09:55 · 1407 阅读 · 8 评论 -
ionic——npm安装不成功问题
镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):1.通过config命令npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串response)2.命令行指定npm --registr原创 2016-09-12 09:27:22 · 1751 阅读 · 0 评论 -
ionic开发——利用localStorage存储用户名和密码
在开发中,只要用户登录过一次,再次打开应用程序,都会自动填充用户名和密码,那么怎么实现的,我们可以用localStorage来实现这个功能,代码如下: 一、了解localStorage1. 存储:localStorage.setItem(key,value); 如果key存在时,更新value2. 获取:localStorage.getItem(key);原创 2016-09-12 10:03:14 · 8433 阅读 · 1 评论 -
ionic开发——环境搭建
1.准备工作a.下载 Node.js(下载包https://nodejs.org/en/) 查看node.js是否安装 Node -vB.安装python(https://www.python.org/downloads/) c.WebStorm(IDE,编写代码,浏览器调试)d.JDK(webstorm 运行环境)e.Android SDK (Android原创 2016-09-12 09:20:00 · 579 阅读 · 0 评论 -
ionic开发——浏览器打开链接功能
在APP应用中,我们可能需要点击图片打开浏览器打开链接的一些功能:实现方法其实很简单: 一、进入该项目目录,安装插件。 ionic plugin add cordova-plugin-inappbrowser 插件详情:https://www.npmjs.com/package/cordova-plugin-inappbrowser 二原创 2016-09-12 09:49:00 · 11020 阅读 · 0 评论 -
ionic开发——手机相机摄像头与相册的调用
首先1. 添加插件$cordovaCamera. cordova plugin add cordova-plugin-camera2. 在controller中添加依赖.3. 代码$scope.takePhoto=function(){ var options = {原创 2016-08-31 19:24:06 · 5892 阅读 · 3 评论 -
ionic开发——图片加载失败或不存在时显示提示图片的解决方法
当图片加载失败或者不存在的时候,我们需要一张提示图片来代替他。用判断就太麻烦了,img有自己的方法onerror , 当找不到图片的时候就会执行onerror里面的代码例如: 当1.jpg找不到的时候,会自动加载2.jpg. 那如果2.jpg也找不到怎么办?就会一直执行onerror里面的代码,陷入死循环。所以,我们可以这原创 2016-09-19 09:47:30 · 4541 阅读 · 0 评论 -
ionic开发——app应用名字,应用图标及启动动画的修改
1. 修改名字只需要修改config.xml--name标签即可。1. 修改应用图标和启动动画修改图标和启动动画也很简单,首先,需要两张图片,放在根目录下resources目录下就可以,然后,cmd命令输入ionic resources,注意:若提示下图的错误,把图片格式扩展名改成ai就可以了,然后重新执行ionic resources.原创 2016-09-20 10:55:02 · 2228 阅读 · 3 评论 -
ionic开发——完整搜索功能的实现方法
本文主要实现搜索功能及清空搜索内容的实现方法。在angularjs中,我们的列表基本都是遍历的一个对象数组来显示出来的,那么我们的搜索功能也就在这个基础上来实现。那就假设我们有一个事先显示的对象数组ItemArr1=[];然后有一个输入关键字搜索后要显示的另一个对象数组ItemArr2=[];HTML代码如下:原创 2016-09-20 14:49:16 · 10676 阅读 · 2 评论 -
ionic开发——调用键盘搜索功能实现方法
功能描述:搜索功能,在输入关键字后,点击手机键盘搜索键(确定键或是开始键)触发搜索功能的实现方法。方法其实特别简单:首先:需要将搜索框和搜索按钮放在一个表单下,代码如下(这个必须有,不放在一个form下面是不行的) //不要写anction属性,会导致页面刷新。 // type=“search" 可以让手机键盘的开始键变成搜索键.原创 2016-09-20 14:50:23 · 4558 阅读 · 0 评论 -
ionic开发——微信分享朋友,朋友圈的实现方法
上一篇文章讲了ionic开发——微信分享准备工作之签名和包名的获取方法http://blog.youkuaiyun.com/yu17310133443/article/details/52701417 点击打开链接这篇文章说明微信分享朋友,朋友圈的实现方法。1.首先,我们先检测手机是否安装了微信,代码如下:Wechat.isInstalled(function (installed原创 2016-09-29 16:52:43 · 7525 阅读 · 7 评论 -
IOS拨打电话
Making a Phone Call from Within PhoneGap in Android and iOS22FEB2012 rluna 26 CommentsToday I came across a feature request that I had not done before – dialing a number from within an a转载 2016-11-09 15:25:23 · 3544 阅读 · 0 评论 -
ionic开发常用功能——点击拨打电话功能
在ionic的应用中,经常会使用到点击直接拨打电话功能,这个在ionic中是如下实现的:方法:$scope.callPhone = function (phonenumber) { console.log("拨打:" + phonenumber); $window.location.href = "tel:" + phonenumber;};注意:需要在ioni原创 2016-08-29 11:25:02 · 4129 阅读 · 0 评论 -
ionic开发——禁止手机自动旋转下横屏处理
在ionic开发中,但我们手机屏幕设置成自动选择后,在手机横屏后,可能会打乱布局,解决办法如下:1.进入项目目录安装插件 ionic plugin add cordova-plugin-screen-orientation 插件详情:https://www.npmjs.com/package/cordova-plugin-screen-orientation原创 2016-09-12 09:53:57 · 7230 阅读 · 5 评论 -
ionic开发——照片上传,保存到服务器
在可以调用手机摄像头和相册之后,要做的就是照片的上传了。1. 首先,我们安装文件上传的插件命令行输入:cordova plugin add org.apache.cordova.filecordova plugin add org.apache.cordova.file-transfer cordova 安装不上,可以选择ionic 安装2. 只需要调用upload方法,原创 2016-09-09 12:52:35 · 4676 阅读 · 2 评论 -
ionic开发——检测是否安装某APP,如果安装打开该APP
首先,我们需要安装cordova插件cordova plugin add com.lampa.startapp //打开第三方APPcordova plugin add cordova-plugin-appavailability //检测是否存在第三方Appcordova plugin add cordova-plugin-inappbrowser //应用内置浏览器首先,原创 2017-06-14 09:46:00 · 7393 阅读 · 27 评论