ionic
文章平均质量分 90
liayn523
这个作者很懒,什么都没留下…
展开
-
ionic 热更新插件-不发布应用市场动态更新APP 源码
今天项目中需要热更新的功能,我先把安装流程给大家叙述一遍,在这过程中我会把我遇到的问题标记出来,并说明解决方案;步骤如下:在线视频播放地址:http://v.youku.com/v_show/id_XMTUzMTQzMDQ2OA==.html?from=s1.8-1-1.2原创 2016-09-23 15:25:19 · 258 阅读 · 0 评论 -
ionic -- 调用相机拍照失败或者照片不显示(Camera cancelled)
我们用的是ionic框架,而项目中调用手机拍照的功能是使用cordova插件中的cordova plugin add cordova-plugin-camera插件,但是在有些android拍完照片之后,照片不显示,并且弹出错误信息Camera cancelled的错误,解决办法为:在项目的文件夹config.xml中加上此句:加上此信息之后,重新build项目测试就可以。。。。。原创 2017-06-29 18:11:01 · 3703 阅读 · 0 评论 -
ionic --- 在ios无法使用focus,ios focus失效的问题
问题:基于ionic的ios的hybird APP 无法使用focus()获取焦点和键盘的问题。我的代码如下:directive:1 .directive('focusMe', function($timeout) {2 return {3 link: function(scope, element) {4 $timeout(function() {5 element[0]转载 2017-06-29 17:59:40 · 3451 阅读 · 0 评论 -
Ionic -- Ionic1与Ionic2的区别
现在公司使用ionic1的框架做项目,ionic2发布之后想把项目迁到ionic2上来,所以研究一下,发现把项目从ionic1迁入到ionic2是有点。。。Ionic专注于以标准的HTML、CSS、和JavaScript来构建的移动站点,并可以通过Cordova打包成移动App,只需要编写一次代码,就可以分别部署到Ios、Android等多种移动平台上。接下来我们介绍一下这两个框架的区原创 2017-04-26 19:01:09 · 3954 阅读 · 0 评论 -
angularjs -- 密码输入框的内容可见与隐藏(ng-class)
在注册或登录密码输入框右侧会出现一个眼睛的小图标,点击时密码可见或隐藏,这个功能用angularjs的ng-class的属性,很容易就实现了,如下:1. html代码: 设置密码: 重复密码: 2.controller代码:// 初始化输入框的变量 $scope.inputType = "text"; $scope.input原创 2017-03-17 08:52:19 · 2381 阅读 · 0 评论 -
ionic -- 仿微信通讯录
今天项目中需要做类似微信通讯录的好友通讯录,由于我们的项目中是用ionic中框架的,用jquery的插件库的时候,有的事件不能用,所以只能用ionic加angularjs的方法了,把自己写的过程做了一下记录,如下:1. 我们需要把右侧的列表显示出来;这个列表是由数组中按用户名的首字母排列后的数组;2. 把通讯录中所有的首字母包含英文字母放到数组中$scope.list;$rootSc原创 2017-03-02 19:35:37 · 2584 阅读 · 0 评论 -
ionic ---- 控制ios状态栏的显示,隐藏,颜色
前段时间在ionic项目中遇到这样的问题,ios的导航栏隐藏被手机的状态栏遮挡住了,解决方法:1.安装插件:cordova plugin add org.apache.cordova.statusbar2.检查index文件中,是否引入了script src="cordova.js">script>3.在项目app.js文件夹中,加入如下的js代原创 2017-03-24 14:53:07 · 5809 阅读 · 0 评论 -
ionic开发——微信分享准备工作之签名和包名的获取方法
1.首先,我们需要ionic建立一个App项目。(分享微信的功能必须使用项目的包名,通过包名获取签名,两者必须一一对象)2.然后,我们登录微信开放平台https://open.weixin.qq.com/(点击打开链接)注册一个账号。3.创建一个App移动应用的应用(这个需要审核,有的快有的慢,几乎需要半天左右)。4.重要的就是创建这个移动应用中,我们需要填写签名和原创 2017-02-13 11:18:22 · 1470 阅读 · 0 评论 -
ionic开发--禁止手机横屏
在ionic开发中,但是我们手机屏幕设置成自动选择后,在手机横屏后,可能会打乱布局,解决办法如下:1. 进入cmd项目目录安装插件,命令如下(此命令时基于cordova的plugin的插件): ionic plugin add cordova-plugin-screen-orientation2. 在config.xml文件中,添加如下内容: *原创 2016-11-16 16:03:57 · 751 阅读 · 1 评论 -
ionic -- 使用cordova的插件实现分享到QQ、微博、微信
我在现在的ionic项目中已经实现了微信和QQ分享,都是是有cordova的插件,我把这些插件的网址放到这里,如果插件解决不了大家的问题,可以给我留言,咱们共同讨论。1.分享到微信https://github.com/xu-li/cordova-plugin-wechat(点击打开链接)2.分享到QQhttps://github.com/iVanPan/Cordova_QQ(点原创 2017-03-07 14:40:58 · 8710 阅读 · 10 评论 -
ionic ——— 下拉刷新及上拉加载
最近项目中使用了ionic的下拉刷新及上拉加载的功能;下拉刷新还好写,但是在做上拉加载的时候遇到了点问题,下面先给大家把这个两个功能的代码代码写上,然后在说问题。HTML页面: <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"> <ion原创 2017-02-25 14:55:20 · 3536 阅读 · 1 评论 -
登录时,记住用户名和密码的功能——HTML5 WEB存储(localStorage)
前言想要实现登录一次,下次再进登录页面,直接出现上次登录的用户名和密码。运用的知识点一、localStorage、sessionStorage? localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 co原创 2016-12-22 14:32:44 · 37617 阅读 · 2 评论 -
ionic----浏览器打开连接功能
在APP应用中,我们可能需要点击图片打开浏览器打开链接的一些功能:(这个应用是基于cordova的插件来实现)实现方法其实很简单: 一、进入该项目目录,安装插件。ionic plugin add cordova-plugin-inappbrowser插件详情:https://www.npmjs.com/package/cordova-plugin-inappbrows原创 2016-12-22 16:39:01 · 1438 阅读 · 0 评论 -
ionic -- 微信分享之IOS版
关于微信分享的准备工作可以查看http://blog.csdn.net/liayn523/article/details/55046223(点击打开链接),在这个篇文章中只有关于android版本的使用,没有关于IOS版本的准备工作,下面介绍一下:关于插件的原地址:https://github.com/xu-li/cordova-plugin-wechat (点击打开链接)作者在安装方法中原创 2017-02-16 15:59:27 · 1256 阅读 · 0 评论 -
ionic —— 手动控制content中的滚动条滚动位置之ionicScrollDelegate
最近在做ionic的项目关于类似微信朋友圈功能的内容列表展示,内容下面有评论这条内容的功能,当手机软件盘出现之后,要评论的内容部分就被键盘遮挡住,这时就需要控制滚动条,使其自动向上滚动一个键盘的高度,具体功能使用了ionic的$ionicScrollDelegate命令,详细如下: //delegate-handle="控制滚动区域的名字" // 点击是触发滚动的位置原创 2017-02-25 16:28:43 · 9040 阅读 · 1 评论 -
ionic -- 开机动画时间设计
在项目中由于开机时有单页面的跳转,会出现黑屏和白屏的效果,此时就想通过设置ionic的开机动画,延长开机动画的时间,来掩盖页面加载的白屏问题:查阅资料后发现,只要在config.xml 文件了增加两句话就可以了: 这些内容直接复制到config文件里就可以了。原创 2017-02-23 13:47:52 · 1025 阅读 · 0 评论 -
Javascript url地址传参及获取参数方法(利用正则表达式)
今天在项目中涉及到了通过url地址来跳转页面,由于我们ionic的框架做的项目,所以涉及到跳转到index页面时,跳转到那个view的试图上,由于已经配置好了路由,这里就是通过在跳转页面的URL上加了一个参数(键值对的形式)来告诉路由,哪个是默认页面,获取url地址的参数的方法如下:function GetParameter(name){ var reg = new Re转载 2016-12-27 21:09:43 · 1049 阅读 · 0 评论 -
ionic开发--AngularJS--手势事件
一、拖拽:on-drag ** 在屏幕上按住并移动时,触发on-drag拖动事件: ** 根据运动方向的不同,可以细分为以下几种事件:on-drag – 向所有方向拖动时都触发此事件on-drag-up – 向上拖动时触发此事件on-drag-down – 向下拖动时触发此事件on-drag-left – 向左拖动时触发此事件on-drag-right – 向右拖动时原创 2016-11-18 10:23:46 · 623 阅读 · 1 评论 -
cordova ---- 获取手机设备信息 IMEI
我们的项目是ionic。。。此功能是利用Phonegap的Device 提供有:device.model :返回设备的模型或产品的名称device.cordova :返回cordova的版本device.uuid :返回手机 uuid device.version :返回系统版本 device.platform :返回手机原创 2017-03-31 18:08:34 · 12166 阅读 · 10 评论