ionic
文章平均质量分 83
Eureka-
这个作者很懒,什么都没留下…
展开
-
ionic4 APP 安卓9及以上http无法发送网络请求
问题在ionic4 APP 中,获取后台数据返回error,错误信息如下后来经过排查,发现是安卓九及以上禁止http请求,需要使用https,发现问题后使用了这位大神的方法,这篇文章用介绍了三种方法,我才用的是第二种,将targetSdkVersion降到27以下解决方法打开build.gradle文件,路径如下myApp\platforms\android\build.gradle...原创 2019-12-23 11:49:09 · 725 阅读 · 2 评论 -
ionic-安卓APP签名打包
为什么要给APP签名安卓系统要求每一个安卓应用必须经过数字签名才可以安装到手机中什么是签名签名就是每一个APP应用的身份认证,代表是唯一的应用生成未签名APK在项目中执行cmd 打包命令语句ionic cordova build android --release生成的未签名APK文件位置\myApp\platforms\android\app\build\outputs\apk...原创 2019-12-23 11:10:49 · 156 阅读 · 0 评论 -
ionic 3创建项目卡住
在创建项目时,执行命令ionic start my-app tabs卡在 Downloading and extracting处,后经测试,发现当前node版本为最新版本10.16.0,后降为8.8.1后,创建成功原创 2019-07-30 14:52:56 · 532 阅读 · 0 评论 -
Ionic 3 在 ios 平台下拖拽漏出灰白色背景
使用 Cordova 进行跨平台应用开发时,发现在 ios 平台下,如果页面处于最顶端时,用手指向下拖动,会露出空背景(灰白色)。同样页面在最底部的时候,继续向上拖动,下方也会露出空背景。要禁止这个拖动效果,可在 config.xml 中进行如下设置:<preference name="webviewbounce" value="false" /><preferenc...原创 2018-11-07 17:31:36 · 597 阅读 · 0 评论 -
ionic拍照上传图片与从文件中选择图片
本文主要使用cordova实现拍照上传,拍照上传或从文件夹中选择上传图片流程:拍照或选择图片===>获取本机路径==>向服务器上传图片,获取服务器上图片路径一、环境准备 安装 cordova-plugin-camera 插件 该插件用于调用设备摄像cordova plugin add cordova-plugin-cameranpm install...原创 2018-11-01 11:10:14 · 1642 阅读 · 0 评论 -
ionic返回上上级页面
需求:ionic订单支付成功返回商品详情页或支付订单页。曾经尝试:在注册返回事件中设置解决:页面跳转成功后,移除当前页 import {ViewController,NavController} from 'ionic-angular';constructor (private viewCtrl:ViewController,private navCtrl:NavContro...原创 2018-10-30 11:48:58 · 1337 阅读 · 0 评论 -
ionic过滤器
1、DatePipe - 对日期/时间数据进行格式变换在模板中使用date来引用DatePipe。参数用来指定格式:<!--day:new Date('2014-01-01') 结果:'01/01/14'-->{{ day | date:'yyMMdd'}}2、JsonPipe - 将JSON对象转换为字符串,在模板中使用json来引用JsonPipe,其实现基于JS...原创 2018-10-17 17:01:15 · 324 阅读 · 0 评论 -
ionic父子组件的传值
目录结构一、父组件==>子组件传值 父组件 about.ts:public parentVal="我是父组件的值"; 父页面 about.html: <child [parentVal]="parentVal"></child> 子组件 child.ts: 1、引入input模块import { ...原创 2018-08-17 18:50:17 · 2491 阅读 · 0 评论 -
ionic 省市区三级联动
本文为原创文章,转载请标明出处1、安装 ion-multi-picker ; 终端运行 npm install ion-multi-picker;2、导入 app.module.ts import { CookieService } from "ngx-cookie-service";imports: [ ... MultiPickerModule, ... ...原创 2018-07-04 11:43:21 · 1302 阅读 · 2 评论 -
安装SDK
一、SDK下载 http://www.androiddevtools.cn/二、下载后解压打开SDK Manager.exe,在以下界面中选择:install ==> 接收协议,安装三、配置环境变量新建环境变量名称为ANDROID_HOME,变量值为当前安装SDK的目录编辑path值,添加路径四、检测是否安装成功输入abd...原创 2018-07-10 16:38:49 · 246 阅读 · 0 评论 -
安装JDK
安装JDKJDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html点击同意协议,选择适合自己电脑版本的JDK,下载后,点击安装,在选择安装目录时,尽量不要选择源安装目录。建议新建一个文件夹,里面新建两个文件,以免覆盖。分别叫jdk,jre,...原创 2018-07-10 16:15:10 · 162 阅读 · 0 评论 -
ionic 中的下拉刷新
ionic 页面中加入下拉刷新ion-refresh <!-- 下拉刷新 --> <ion-refresher (ionRefresh)="doRefresh($event)"> <ion-refresher-content pullingIcon="ios-arrow-round-down-outline" pullingText="下拉刷新"...原创 2018-06-27 16:59:09 · 563 阅读 · 0 评论 -
NavController
事件 返回值 描述 ionViewWillLeave() void 页面即将离开,不再是当前活动页面 ionViewDidLeave() void 页面完成离开,不再是当前活动页面 获取上一级页面是那个界面import { IonicPage, NavController,Navbar } from "ionic-angular";c...原创 2018-10-25 19:25:18 · 1055 阅读 · 0 评论 -
ionic中的ion-searchbar标签
<ion-searchbar (ionInput)="getItems($event)" (ionFocus)="focusInput()" (ionBlur)="blurInput()" (ionClear)="cancel($event)"></ion-searchbar>ionInput监听input输入框的变化;ionFocus当input框获取焦点时触发;ion原创 2018-05-31 21:53:24 · 3988 阅读 · 2 评论 -
ionic serve 报【ionic-app-scripts' 不是内部或外部命令 】问题解
Error: Cannot find module 'E:\angular\ionic0515\node_modules\@ionic\app-scripts' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.r...转载 2018-05-15 09:43:59 · 4482 阅读 · 0 评论 -
ionic返回顶部
1、引入content模块:import { content } from "ionic-angular";2、实例化:@ViewChild (Content)content:Content ;//括号内是页面内容哪一个部分, 第二个content为名字,第三个为实例化的模块;3、用法:this.content.scrollTo(0,0,3000);第一个和第二个分别是需要到达页面模块的x轴与y轴...原创 2018-05-27 20:50:11 · 608 阅读 · 1 评论