IONIC
蒿豪郝灬号
画蛇添足真的是在画蛇吗!
展开
-
IONIC即将离开当前页面时,强制给出提示
即将离开当前页面,当不符合要求时,强制给出提示 符合要求时,直接退出当前页面 当用户在当前页面改动过数据,可以给出提示,提示 :数据尚未保存,确认离开?,未改动时,则没有此提示 //用于标记是否离开本界面 bolConfirm:boolean = true; //全局变量,为tr...原创 2018-09-04 21:21:23 · 1323 阅读 · 0 评论 -
IONIC 各种标签的触发事件积累(未完待续.....)
ion-datetime 选择完时间后监听事件//Html<ion-datetime (ngModelChange)="changeDate($event)"></ion-datetime>//TschangeDate(ev: any){ console.log("当选择完时间后触发");}ion-input 1.失焦//Html<...原创 2018-11-22 21:33:37 · 1662 阅读 · 2 评论 -
IONIC遮罩层及自定义弹框
先看效果图 当我们在使用自定义弹框后,需要一个背景遮罩层。下面是实现方法:html页面<ion-header> <ion-navbar> <ion-title>About</ion-title> </ion-navbar></ion-header><ion-content&g...原创 2018-11-22 22:59:16 · 2122 阅读 · 0 评论 -
IONIC为ion-datetime添加新按钮
ion-datetime默认有两个按钮一个okey和一个cancel,下面是添加新的按钮的处理方法 html <ion-datetime displayFormat="MM-DD-YYYY" min="2000" max="2099-12-31" name="startDateTime" (ngModelChange)="changeDate($event)" placeh..原创 2019-02-18 21:04:10 · 675 阅读 · 0 评论 -
IONIC build APK error “ Could not resolve all files for configuration ':app:debugCompileClasspath' ”
FAILURE: Build failed with an exception.* What went wrong:Could not resolve all files for configuration ':app:debugCompileClasspath'.> Could not find support-core-utils.jar (com.android.suppor...原创 2019-03-06 21:43:15 · 2112 阅读 · 6 评论 -
IONIC如何为Ion-select列表添加图片
前景介绍: 上帝说:“要有光”,于是便从此有了光。 产品经理说:“语言列表需要加对应国籍的图片,便于识别”,于是,便有了这篇文章!效果一:下面是实现方法:html<ion-header> <ion-navbar> <ion-title>Home</ion-title> ...原创 2019-03-09 13:51:30 · 594 阅读 · 1 评论 -
IONIC封装component组件(类似淘宝的Filter)
先看下效果图实现步骤1.新建component,执行如下指令ionic generate component XXX (组件名称)2.分别在app.module.ts添加引用(注意home.module.ts也需要添加引用,详细在下面有介绍)//app.module.tsimport { XXXComponent } from '../components/XXX...原创 2019-05-01 14:41:23 · 348 阅读 · 0 评论 -
IONIC使用echarts制作曲线图、柱状图、以及饼形图
先看效果曲线图 柱状图饼形图(可隐藏选中的饼形图数据,只显示特定的饼形图数据)实现步骤1. 先安装插件npm install echarts --save2.在index.html...原创 2019-05-23 23:07:15 · 955 阅读 · 0 评论 -
IONIC拍照及图片上传(自定义图片名称和图片保存到指定位置)
详情请参考官网:https://ionicframework.com/docs/native/camera/1.添加插件$ ionic cordova plugin add cordova-plugin-camera$ npm install --save @ionic-native/camera 2.拍照和从相册获取图片只有一个参数的区别 strFileName: stri...原创 2018-11-17 12:11:22 · 1462 阅读 · 0 评论 -
IONIC 页面下拉加载新的数据(ion-infinite-scroll的使用)
类似于淘宝,浏览商品时,每次下拉都会刷新出新的数据(需要配合分页使用,分页在我博客中有介绍:https://mp.csdn.net/postedit/83584133)html页面 <ion-header> <ion-navbar color="light"> <ion-title>item-detailds</...原创 2018-11-17 11:55:06 · 1365 阅读 · 0 评论 -
IONIC中slides的使用(图片显示及其删除)
先看效果(本来想上传一段视频,但好像CSDN不支持视频格式文件的上传,可以上传gif动态图)html<ion-content> <ion-slides pager> <ion-slide *ngFor="let img of images;let i=index"> <ion-toolbar class="t...原创 2018-11-17 10:24:32 · 1320 阅读 · 1 评论 -
IONIC扫描二维码和一维码(条形码)
IONIC扫码目前有三个插件 : https://segmentfault.com/a/1190000012164809 该链接介绍的比较详细 ,下面采用的是 QR Scanner扫描二维码 1.安装插件$ ionic cordova plugin add cordova-plugin-qrscanner$ npm ...原创 2018-09-04 22:41:45 · 1729 阅读 · 15 评论 -
IONIC中 AlertController和 ActionSheetController的自定义样式
AlertController 先看对比效果 实现html<!-- Generated template for the AutoCssPage page. See http://ionicframework.com/docs/components/#navigation for more ...原创 2018-09-16 00:09:07 · 2255 阅读 · 2 评论 -
IONIC页面重复返回的问题
IONIC在返回上一个页面的时候,有可能会在两个页面之间进行重复返回,以下是解决方法 //跳转页面传的参数 Gbd ,Dslstthis.navCtrl.push('PrintPage', { 'Gbd': this.Gbd, 'Dslst': this.Dslst }).then(() => { //获取当前页面的Index const in...原创 2018-09-03 23:53:12 · 858 阅读 · 0 评论 -
IONIC按真机上的返回键时,关闭所有的弹窗
在IONIC的开发过程中,我们经常遇到这样的情况:当你在手机上,弹出了一个提示,如 退出登录登录? yes / no,但这个时候,你不点击yes,也不点击no,你点击手机的返回时,这个弹框仍然还存在,直到退出这个应用时,这个弹框才关闭掉! 针对以上问题,下面是解决方法 app.component.ts页面import { Component, Vie...原创 2018-09-15 23:42:00 · 1447 阅读 · 2 评论 -
IONIC如何禁用侧滑菜单页(menuToggle)
在登录界面时,我们不希望用户能使用侧滑菜单页,所以我们就需要禁用掉这个侧滑栏,只有当用户登录成功后才能使用侧滑菜单的功能。下面是实现方法import { MenuController } from 'ionic-angular';export class LoginPage {name:string= "";pwd:string= ""; constructor...原创 2018-11-15 23:23:07 · 830 阅读 · 0 评论 -
IONIC中两个ion-datetime同时使用的问题
当同时使用两个ion-datetime标签时,首个该标签的单击事件似乎会转移到第二个该标签上, 以下是解决方法在CSS样式内添加以下内容ion-datetime { position: relative; }下面是设置默认值(注意一定要给name,不然好像会报错)<p class="p-datetime"> <ion-datetime ...原创 2018-11-16 19:55:16 · 965 阅读 · 0 评论 -
IONIC Error“EPERM: operation not permitted, rename 'C:\Users\tad\.config\configstore\cordova-config”
我是在安装使用Date Picker这个插件时报的这个错Error: EPERM: operation not permitted, rename 'C:\Users\tad\.config\configstore\cordova-config.json.670455402' -> 'C:\Users\tad\.config\configstore\cordova-config.jso...原创 2019-03-09 10:18:19 · 1795 阅读 · 0 评论