ionic1
菠菜盼娣
这个作者很懒,什么都没留下…
展开
-
ionic android升级错误 exposed beyond app through Intent.getData()
应用内自动升级,下载安装包后抛出异常,先贴个错误错误信息Log:android.os.FileUriExposedException: file:///storage/emulated/0/aiyou.apk exposed beyond app through Intent.getData()问题分析:1.版本不支持修改platforms>android中的AndroidMa...原创 2020-03-23 14:08:29 · 300 阅读 · 0 评论 -
Cordova实现文件创建和读写操作(支持Android和IOS等)
Cordova实现文件操作,本篇文章讲述的是在IOS和Android上实现以下两种需求:1,创建文件夹和文件,从数据库获取数据并写入到文件;2,获取指定目录文件夹下文件,并读取文件数据;先上效果图:创建文件夹和文件,从数据库获取数据并写入到文件获取指定目录文件夹下文件,并读取文件数据进入正题,下面是具体实现过程:文件操作使用了cordova-plugin-file插件,插件地址:ht...原创 2020-02-18 09:25:38 · 677 阅读 · 0 评论 -
ionic item嵌套
需求:列表型页面,但是每一个列表包含了多个子项,并且点击父项子项显示隐藏html代码<div> <span class="bookContentTitle">1. 环保法规</span> <ion-item class="bookContentHeader"> <div class="b原创 2018-11-28 10:08:54 · 443 阅读 · 0 评论 -
ionic封装错误函数处理上篇
为了代码的复用性,封装成一个工厂,可以增加代码的复用性,省时,高效完成开发工作。单独使用错误处理函数function errStatus(err) { $ionicLoading.hide() $scope.err = err if ($scope.err.status == '401') { $cordovaToast.showShortC...原创 2018-11-28 11:05:25 · 173 阅读 · 0 评论 -
ionic1 封装工厂函数$http下篇
问题描述: 为了代码的重复利用,可以将请求类 封装成一个工厂//车间盘点.factory('inventoryAjax',function($http){ return{ inventGet:function(urlApi,sec,id,time){ return $http({ method:'get', url:urlApi...原创 2018-11-28 11:41:23 · 176 阅读 · 0 评论 -
ionic跨域报错
解决方法:谷歌应用商店下载 Access-Control-Allow-Orign插件需要翻墙原创 2018-11-28 14:57:30 · 144 阅读 · 0 评论 -
ionic Android和ios从搭建到上线过程及bug修改
1 搭建App 及打包A . 创建项目Ionic提供了三种初始模版,即:tabs、sidemenu、blank,不加模版名时默认创建tabs项目。ionic start demo tabs –-type=ionic1B. 添加平台cordova platform add android/ios添加安卓平台时,如果出现downloading:gradle-2.14.1-all.zip类似...原创 2018-11-28 15:51:37 · 155 阅读 · 0 评论 -
ionic1拨打电话功能
相关html 代码:<div ng-repeat="nu in num" class="col col-25 whiteFore" ng-click="callPhone({{nu.tel}})"> <i class="icon ion-ios-telephone"></i> 电话{{nu.tel原创 2018-11-28 17:08:04 · 249 阅读 · 0 评论 -
ionic时间插件(年,月,日,时,分钟)插件
时间插件(分钟,小时,日) ion-datetime-picker1 安装插件npm i ion-datetime-picker --save2 index.html 引入<script src="lib/ion-datetime-picker/release/ion-datetime-picker.min.js"></script><link hre...原创 2018-12-03 16:33:01 · 1105 阅读 · 0 评论 -
ionic Android iOS标题居中,tab在下部
.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) { $ionicConfigProvider.platform.ios.navBar.alignTitle('center'); $ionicConfigProvider.platform.android.navBar.alignTitle...原创 2018-12-13 10:48:41 · 160 阅读 · 0 评论 -
ionic1 滑动表格
1 相关html <div> <div class="biaotou" style="display: flex"> <div class="heads"> <span>姓名</span> </div> <div cl...原创 2019-03-29 10:04:35 · 359 阅读 · 0 评论 -
ionic项目打包ios及上线所遇到得问题
修复电话字体修复电话字体,直接另起一行进行设置,否则在原有的name,content下设置无效<meta name = "format-detection" content = "telephone=no">iPhone X底部适配/*ionic适配iPhone X*/@supports (bottom: env(safe-area-inset-bottom)) { ...原创 2019-04-30 09:08:02 · 112 阅读 · 0 评论 -
ionic1 当用户上滑下滑时对应得header得显示与隐藏
html<div id="AreaInfo" on-swipe-up="onSwipeUp()" on-swipe-down="onSwipeDown()"></div>js//通过areaTemp来控制class类得显示隐藏 $scope.areaTemp = false //当用户上滑得时候 $scope.onSwipeUp = functio...原创 2019-06-17 14:42:39 · 194 阅读 · 0 评论 -
ionic1特定页面隐藏tabs
html<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': $root.hideTabs}"></ion-tabs>js.run(function ($rootScope) { $rootScope.$on('$stateChangeS...转载 2019-06-17 14:59:18 · 161 阅读 · 0 评论 -
ionic1 页面html渲染完成之后函数封装
ionic1 页面html渲染完成之后函数封装html<ul> <li ng-repeat="item in items" on-finish-render="callMethod()"> dummy Text </li></ul>app.js定义服务指令//angularjs渲染完执行 .directive('o...转载 2019-07-05 16:49:35 · 290 阅读 · 0 评论 -
ionic1 下载pdf文件并打开
问题描述:下载文档pdf解决步骤:① 安装好ionic开发环境② 安装相关插件版本信息:cordova plugin add cordova-plugin-app-version 0.1.9文件管理:cordova plugin add cordova-plugin-file 5.0.0文件传输:cordova plugin add cordova-plug...原创 2018-11-28 09:14:03 · 601 阅读 · 0 评论 -
ionic1通过高德,百度,腾讯地图进行路线导航
安装插件cordova plugin add cordova-plugin-device //获取设备信息cordova plugin add cordova-plugin-appavailability --save //检查地图app是否存在cordova plugin add cordova-plugin-inappbrowser //使用内置浏览器cordova p...原创 2018-11-28 08:59:32 · 839 阅读 · 1 评论 -
ionic 有无网络状态判断
**ionic 有无网络判断**if (navigator.connection) { var tmptypes = navigator.connection.type; if (tmptypes.toUpperCase().indexOf('NONE') &amp;amp;gt; -1 || tmptypes.toUpperCase().indexOf('UNKNOWN') &amp;amp;gt; -1...原创 2018-11-26 17:19:10 · 622 阅读 · 0 评论 -
ionic次级导航栏固定
<ion-header-bar class="bar-subheader" id="subBar"> <div class="alarmLi"> <ul class='alarmTab'> <li >全部</li> <li >待分配</li&g原创 2018-11-26 17:49:51 · 329 阅读 · 0 评论 -
ionic点击回到顶部
$ionicScrollDelegate$ionicScrollDelegate.scrollTop();原创 2018-11-26 17:53:59 · 316 阅读 · 0 评论 -
ionic点击图片放大
用户在进行拍照上传之后 ,查看图片不清楚,可以添加点击图片放大的功能。<div class="col" style="margin-top:5rem;width: 100px;height: 100px;padding:3px;-webkit-box-shadow: 0 0 10px rgb(153,134,117);-moz-box-shadow:0 0 10px rgb(153,13...原创 2018-11-26 18:06:48 · 600 阅读 · 0 评论 -
ionic ion-slide-box
此功能可以实现左右滑动显示请求的数据&lt;ion-slide-box on-slide-changed="slideHasChanged($index)" &gt; &lt;ion-slide ng-repeat="me in messages"&gt; &lt;div class={{me.color}} class="box&原创 2018-11-26 18:10:53 · 137 阅读 · 0 评论 -
ionic调用照相机或者从图库中选择图片进行上传
待上传原创 2018-11-27 10:09:44 · 662 阅读 · 0 评论 -
ionic定位,签到
cordova-plugin-geolocation geolocation插件1 安装插件cordova plugin add cordova-plugin-geolocation2 点击定位定位当前$scope.getGps=function(){ $cordovaGeolocation.getCurrentPosition().then(function (po...原创 2018-11-26 18:33:18 · 609 阅读 · 0 评论 -
ionic打开内置浏览器
待上传原创 2018-11-26 18:17:26 · 1139 阅读 · 0 评论 -
ionic录制视频
cordova-plugin-media-capture1 安装插件cordova plugin add cordova-plugin-media-capture2 具体用法<div class="item item-text-wrap text-center"> <button class="button button-dark" ng-cli...原创 2018-11-26 18:39:40 · 903 阅读 · 2 评论 -
ionic 版本更新
问题描述:启动APP时检测是否有新版本需要更新,提示进行更新解决思路:1.从服务器获取版本号,与当前app版本的版本号进行比较,若不相同,则进行更新,相同直接跳过,进入登录界面解决步骤:① 安装好ionic开发环境② 安装相关插件版本信息:cordova plugin add cordova-plugin-app-version 0.1.9文件管理:cordova plugin...原创 2018-11-27 09:37:49 · 711 阅读 · 0 评论 -
ionic 极光推送
问题描述:通过后台发送通知给个人。解决方法:1 新建账号https://www.jiguang.cn/通过邮箱注册,注册成功之后创建应用 如下:注册成功之后配置Android推送完成以上步骤之后2 安装插件cordova-plugin-jcore 1.1.11jpush-phonegap-plugin 3.2.13cordova pluign add cordova-p...原创 2018-11-27 10:50:09 · 205 阅读 · 0 评论 -
ionic1 权限问题
ionic 在Android8.0以上会出现相机打不开,下载apk打不开的情况,为了解决以上问题,具体方案如下1 插件 cordova-plugin-android-permissions 1.0.0安装插件 cordova pluign add cordova-plugin-android-permissions2 相关的拍照权限function checkPermissions...原创 2018-11-27 16:21:30 · 615 阅读 · 0 评论 -
ionic对系统返回键的处理
点击手机自带返回键退出系统。ap.js中需要依赖注入 $ionicPopup $rootScope $location $ionicHistory $ionicViewSwitcher$ionicPlatform.ready中使用$ionicPlatform.registerBackButtonAction(function(e){ /*用一个变量来控制界面上是否已经存在pop...原创 2018-11-27 16:48:28 · 478 阅读 · 0 评论 -
ionic 横竖屏的切换
当表格的列数比较多,一屏展示不全时,需要进行横竖屏的切换。cordova-plugin-screen-orientation 2.0.21 安装插件cordova plugin add cordova-plugin-screen-orientation2 添加屏幕配置3 注意项orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有:default,la...原创 2018-11-27 17:22:33 · 1417 阅读 · 0 评论 -
ionic1 隐藏标题栏及标题栏居中
有的时候我们的标题栏上会有两个按钮,如果运用不好会出现再其他机型上不居中的情况,或者当我们引用地图的话,为了地图的显示区域变大,会隐藏标题栏。hide-nav-bar="true" 隐藏标题栏&lt;ion-view view-title="质量地图" hide-nav-bar="true"&gt;&lt;/ion-view&gt原创 2018-11-26 17:33:39 · 364 阅读 · 0 评论