ionic
文章平均质量分 56
xiaojun_zxj
这个作者很懒,什么都没留下…
展开
-
ionic 项目中添加modal的步骤流程
1、首先在templates文件夹下面定义一个新页面,xxx.html,template文件夹在空项目里面是没有的,需要手动添加一个,放在WWW文件夹下面。ion-modal-view> ion-header-bar> h1 class="title">My Modal title/h1> /ion-header-bar> ion-content>原创 2015-08-12 09:16:44 · 2610 阅读 · 0 评论 -
Cordova各个插件使用介绍系列(四)—canvas2ImagePlugin保存二维码到手机本地
在前面几篇文章中简单写了一下,在项目中怎么实现扫描的功能和将信息转化为二维码的功能,现在来介绍一下怎么将生成的二维码保存到手机的本地,这样关于二维码的内容基本上就全面了,好开心~~!原创 2016-03-04 19:03:40 · 2883 阅读 · 0 评论 -
在ionic中实现日期的格式转换和排列
//在HTML页面上{{ 2015-12-07T15:59:59.000Z | date }} //结果:December 7, 2015{{ 2015-12-07T15:59:59.000Z | date:"MM/dd/yyyy @ h:mma" }} //结果:12/07/2015 @ 3:59PM{{ 2015-12-07T15原创 2015-12-08 18:02:56 · 5220 阅读 · 0 评论 -
Ionic在Android上部署app步骤
使用ionic建立了一个项目之后想要将它发布到各个应用商店,那么我们就要部署想要发布的版本,这段时间学习了Android的发布过程,下面我来介绍一下:原创 2016-01-22 16:27:41 · 639 阅读 · 0 评论 -
ionic中应用sass
在学习ionic过程中看到sass,总结了一下基本用法和问题解决办法1.首先需要一个ionic项目,并执行下面的命令ionic start CustomSass blank && cd CustomSassionic setup sass注意:在执行这个命令的时候有可能会出错,然后就会提醒‘npm install -g gulp’,这时候按照提示执行这个命令,然后执行ionic s原创 2015-12-17 10:03:37 · 736 阅读 · 0 评论 -
ionic中点击图片看大图的实现
在页面上显示了几张图片后,因为是手机端,图片会有点小的感觉,就想着怎么样才能让用户点击小图片看到大图呢,项目中ionic结合angularjs实现了这个功能1.首先是三张小图上应添加一个函数,当点击图片时触发大图,代码如下:HTML: style="width: 100px;height: 100px;padding:3px;-webkit-box-sh原创 2015-08-27 09:57:33 · 5662 阅读 · 0 评论 -
ionic项目中手机状态栏显示使用$cordovaStatusbar插件
在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题1.下载插件$cordovaStatusbar命令:cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git2.在config.xml里面配置如下: 将此配置改为:(否则在原创 2015-08-19 11:53:01 · 12466 阅读 · 6 评论 -
解决ionic在Android和iOS的一些样式上的冲突
//设置默认返回按钮的文字 $ionicConfigProvider.backButton.previousTitleText(false).text('返回');// 设置全局 $http 超时 $httpProvider.interceptors.push('timeoutHttpIntercept');// 配置选项卡,让tab在iOS和Android都显示在底部$ionicCon原创 2015-10-12 11:48:03 · 2660 阅读 · 0 评论 -
ionic页面缓存和局部刷新
最近两天在做项目时,发现ionic的缓存功能非常方便好用,提高了再低端手机特别是android比较低版本上的流畅性!可是,后来发现,整体的缓存整个页面并不是一个一劳永逸的办法,结合局部刷新功能,感觉就完美极了!建议有一定的ionic基础。面,1.根据想实现缓存的页面在app.js里面编写代码,这是ionic框架的一个特性,详细的可以在ionic官网找到相关的资料,如图:原创 2015-08-18 18:19:51 · 12316 阅读 · 3 评论 -
ionic+AngularJs项目中实现三级联动效果,筛选省份、城市、区县
建议对ionic和AnjularJs有一定了解的人可以用到,很多时候我们要用到选择省份、城市、区县的功能,现在就跟着我来实现这个功能吧,用很少的代码(我这里是根据客户的要求,只显示想要显示的部分省份和其相对应的城市、区县,并且这些数据将通过后台放入数据库,并没有引用完整的城市js)1.首先在所需要的HTML页面需要这些代码,其中的样式都是自己定义的,不喜欢的可以按照自己喜好来写:原创 2015-08-28 15:06:06 · 9852 阅读 · 6 评论 -
ionic结合HTML5实现打电话功能
HTML5中这样子可以实现打电话的功能,但是在ionic实际项目中,并不是直接就可以这样子用,需要配置一下config.xml文件就可以在手机上调用到自己的联系人打电话页面了10086原创 2015-08-28 14:43:42 · 1762 阅读 · 0 评论 -
ionic 项目中创建侧边栏的具体流程分4步简单学会
这是在学习ionic时,当时遇到的一些问题,觉得很难,就记笔记下来了,现在觉得如果可以拿来分享,有可能会帮助到遇到同样问题的人效果图:ionic slidemenu项目流程:cd pretices(自己创建的文件夹名称)ionic start oneApp blank(创建一个空项目)在WWW文件夹下创建templates,controllers 文件夹1、创建原创 2015-08-07 09:55:09 · 1689 阅读 · 0 评论 -
jquery.qrcode.min.js(支持中文转化二维码)
今天还是要讲一下关于二维码的知识,前几篇讲解中有讲到我使用的可以生成二维码的js是qrcode.js,然后结合Cordovad的插件$cordovaBarcodeScanner插件可以扫描二维码,这样就基本完成了简单的扫一扫功能。后来在项目进行,开始要调用后台数据和传参数到接口的时候发现qrcode.js它只能解析英文或者数字,并且只能解析一个字符串! 而我所需要的是将一个对象转化成二维码,然后在扫描的时候取出对象中的数据,显然qrcode.js不能实现,经过查找,找到另一个jquery.qrc原创 2016-03-11 08:52:48 · 2098 阅读 · 0 评论