ionic
文章平均质量分 54
fangquan1980
爱生活
展开
-
ionic3 日期选择的三种方式
https://blog.csdn.net/qingdatiankong/article/details/79226105 第一种 使用HTML5标签date input类型<label>日期:</label><input id="meeting" type="date"/>各种日期格式可以参照http://www.webhek.com/post/...转载 2019-01-07 15:39:26 · 1420 阅读 · 0 评论 -
ionic3反向传值的补充说明:关于如何 pop with params (CallBack)
https://www.jianshu.com/p/f8a357eff039 自从出了上一篇关于ionic 反向传值的笔记以后,有不少小伙伴留言或者私信我说看不太懂,实现不了效果,我反思了一下,觉得可能由于上一篇的内容比较杂乱,而且当时写博客的水平有限,所以导致有点词不达意,没有把关键内容表达清楚,故又准备了这篇笔记和一个干净整洁、一针见血的demo,希望对于初学者有所帮助,也欢迎大...转载 2018-10-12 11:14:03 · 392 阅读 · 0 评论 -
Ionic二维码扫码插件QR Scanner不能扫描一维码问题的完整解决
首先参考了 :https://blog.csdn.net/cangahi09025566/article/details/80350104QR Scanner不能扫码一维码处理但是配置成功之后会发现,这货居然只能扫描二维码,对一维码是无法识别的.由于网上相关资料较少,我也是折腾了一阵才找的解决方案。具体操作如下:在qr-scanner插件中的QRScanner.java的set...原创 2018-10-11 17:06:41 · 1297 阅读 · 0 评论 -
ionic3 使用QR Scaner 扫描
https://www.jianshu.com/p/45f8b44b9a42 ionic 官方有提供三个扫描插件,分别为:Barcode Scanner 速度很慢,样式不怎样 QR Scanner 速度快,样式随心所欲,直接在html里修改属于自己的样式 ZBar 速度快,能扫描条形码与二维码,这样也导致如果二维码附近有其它类似一维码的图案,可能会影响值的准确性,还有没有提供...转载 2018-10-11 16:23:26 · 1476 阅读 · 1 评论 -
Angular 4 表单 patchValue and setValue
https://www.jianshu.com/p/440bff840065在 Angular 4 中有多种方式可以更新表单的值,对于使用响应式表单的场景,我们可以通过框架内部提供的 API ,(如 patchValue 和 setValue )方便地更新表单的值。这篇文章我们将介绍如何使用 patchValue 和 setValue 方法更新表单的值,此外还会进一步介绍它们之间的差异。React...转载 2018-06-28 11:45:53 · 1875 阅读 · 0 评论 -
ionic3最小化并且监控到前台运行和后台运行
https://www.jianshu.com/p/9b884df812081.安装插件ionic cordova plugin add cordova-plugin-appminimizenpm install --save @ionic-native/app-minimize2.建立BackButtonProviderimport { AppMinimize } from '@ionic-...转载 2018-06-28 10:08:06 · 1992 阅读 · 0 评论 -
ionic3 后台运行
https://blog.csdn.net/weixin_39461487/article/details/79819763安装:1 、安装Cordova和Ionic Native插件:ionic cordova plugin add cordova-plugin-background-modenpm install --save @ionic-native/background-mode2、将此...转载 2018-06-28 10:07:25 · 1890 阅读 · 0 评论 -
非常全的VsCode快捷键
https://blog.csdn.net/p358278505/article/details/74221214按 Press功能 FunctionCtrl + Shift + P,F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift +...转载 2018-06-28 09:46:10 · 14297 阅读 · 0 评论 -
cordova安装插件时发现cordova-android的版本过低
https://blog.csdn.net/cos1818/article/details/51682280最近安装一个蓝牙BLE的cordova插件,安装了好几次都失败,提示错误:Plugin doesn't support this project's cordova-android version. cordova-android:4.0.0, failed version requirem...转载 2018-06-11 10:13:59 · 3939 阅读 · 0 评论 -
【转】完美解决Cannot download "https://github.com/sass/node-sass/releases/download/binding.nod的问题
https://blog.csdn.net/df981011512/article/details/78989532很多人都会遇到这个问题!一般情况先这个问题你百度就会有一大堆的答案,也许你运气好很快就能解决!虽然我这里讲述的可能会跟网上的部分教程有一样,因为我也是从他们那总结出来的!但是我这里是把大家可能遇到的情况都说清楚,包括网上没有答案的情况!下面都是我被坑了一天总结出来的!希望看到的朋友少...转载 2018-06-10 12:58:29 · 3038 阅读 · 0 评论 -
jsonp异步获取数据报错 JSONP injected script did not invoke callback
https://segmentfault.com/a/1190000008345807 代码如下:个人感觉没有问题,同样的代码在另一个项目中运行正常HttpService是自己封装的服务。var url = "http://localhost:3000/skill";var params = new URLSearchParams();params.set("callback...转载 2018-10-10 16:03:54 · 1002 阅读 · 0 评论 -
Angular4-Http、Jsonp、rxjs请求
https://blog.csdn.net/u013318615/article/details/78962128 Http请求依赖注入import { HttpModule} from "@angular/http";1页面引入Httpimport { Http} from "@angular/http";constructor(private http:Http...转载 2018-10-10 16:04:42 · 489 阅读 · 0 评论 -
【Ionic】ion-datetime设置初始时间为当前时间及知识点总结;
https://blog.csdn.net/River_Continent/article/details/78480016一、问题描述我在做手机App的时候,用到了ion-datatime插件,但是该插件不能显示当前时间,只是一个空白; <ion-item> <ion-label>申请时间</ion-label> ...转载 2019-01-07 15:38:48 · 2448 阅读 · 0 评论 -
ionic3 清除navpush的堆栈 (android真机返回键bug)
清除navpush的堆栈可以使用方法一:ionic3文档this.navCtrl.popToRoot(); //直接返回根组件 方法二:push 后再删除之前页面即可。this.navCtrl.push(TabsPage).then(() => { const startIndex = this.navCtrl.getActive().index - 1; t...转载 2018-12-07 12:41:41 · 1079 阅读 · 0 评论 -
ionic2中如何使用自动生成器
https://www.cnblogs.com/cjxhd/p/5694646.htmlionic generator是命令行的功能,ionic2自动帮我们创建应用程序,从而节省了大量的时间,并增加我们的速度来开发一个项目的关键部分。 ionic generator使我们可以自动创建以下几部份:component directive page provider一、创建页面:...转载 2018-12-07 17:30:21 · 564 阅读 · 0 评论 -
Ionic 3 and Angular 4: Working with Signature Pad.
https://www.9lessons.info/2017/04/ionic-3-and-angular-4-working-with.html This tutorial explains how to upgrade to Ionic 3 and Angular 4 and how to use signature pad for your application. If you a...转载 2018-11-22 14:48:14 · 1018 阅读 · 1 评论 -
IONIC3 打包安卓apk详细过程(大量图文)
https://blog.csdn.net/qq_20264891/article/details/79319408(2018年8月9日 更新:更新博客中错误的地方,修改排版。)本文写于2018年2月12日 22:25:59。如果2018年的新春之际,你遇到IONIC的开发问题,这将是一篇最为详尽的打包方案。经历三天的踩坑,跳坑,相信绝大多数的问题都已经覆盖到了,请仔细按照流程来对...转载 2018-11-02 13:34:04 · 531 阅读 · 0 评论 -
ionic3 一些小技巧
https://www.jianshu.com/p/2b2d3d44861c 没有右边的小角标 button ion-item (click)="checkNewVersion()" detail-none></button>inpout发送短信按 <ion-item> <ion-label>手机验证</ion-labe...转载 2018-10-17 09:26:10 · 761 阅读 · 1 评论 -
ionic3页面间数据传递及Events
https://blog.csdn.net/qq993284758/article/details/77679283?utm_source=blogxgwz0 1.将数据传递到要跳转到的页面(1)push()要将新页面推送到堆栈,可使用push方法。同时也可以通过将数据传递给push方法的第二个参数,来将数据传递给下一个页面。import {LoginPage } from'./l...转载 2018-10-19 18:37:09 · 647 阅读 · 0 评论 -
ionic3之tabs用法详解
https://blog.csdn.net/qq_36171431/article/details/79192530 个人分类: ionic3[root] Page 指定tab希望加载的页面 tabTitle string tab上显示的标题 tabIcon string tab上显示的图标 tabBadge string t...转载 2018-10-19 18:36:17 · 1751 阅读 · 0 评论 -
angular4.0使用JSONP数据请求
https://www.cnblogs.com/minigrasshopper/p/7692368.html ng4中有很多获取数据的API,为了满足跨域的需求,我选择JSONP模块;应该有很多小伙伴遇到这个报错吧 injected script did not invoke callback;下面我写个完整的demo来解决这个问题。一、在app.module.ts模块中,注入...转载 2018-10-10 16:05:59 · 2280 阅读 · 0 评论 -
Chrome浏览器真机调试web页面
https://www.jianshu.com/p/7ddad91698ff写前端页面的时候,移动端页面开发需要模拟触摸事件,在电脑上操作不太方便,使用物理机可以操作起来会更舒服。但是在使用物理机触摸屏幕的时候,调试起来有有点不太方便,好在谷歌浏览器给我们提供了真机调试的功能。一些人可能会使用UC浏览器进行调试,但是在Mac电脑上无法安装UC浏览器。想起来谷歌浏览器用的更广泛,经常使用,还是使用谷...转载 2018-06-17 14:27:48 · 10112 阅读 · 1 评论 -
使用ionic2开发一个登录功能
https://www.cnblogs.com/madyina/p/5970814.html服务的采用Asp.net API实现,数据库用的sqlite,具体实现请看:源代码唯一需要说明的是跨域问题:跨域代码: <system.webServer> <httpProtocol> <customHeaders> <add...转载 2018-06-17 07:40:50 · 289 阅读 · 0 评论 -
could not find an installed version of gradle either in android studio
https://www.cnblogs.com/crazyprogrammer/p/6958462.html问题描述: 很多人在Ionic升级到3之后,无缘无故发现,当我们添加android平台后,build或者run的时候,命令行窗口给我们提示:如果在Ionic2时add的android platform,升级到Ionic3也没有问题;但是如果一旦删除掉android平台,重新add之后,此问...转载 2018-06-11 20:16:47 · 6270 阅读 · 0 评论 -
2017年Android SDK下载安装及配置教程
https://blog.csdn.net/love4399/article/details/77164500 首先声明: Unity版本5.6.3f1 最近试着在Unity中利用高通做AR开发时,发布项目文件需要发布到Android平台,遇到一些问题,看了网上的一些资料,踩了一些坑,现在总结出来,希望有相同的开发者遇到时可以规避。 若有任何问题可留言评论,我看到会第一...转载 2018-06-11 19:23:41 · 1677 阅读 · 0 评论 -
Ionic2的发布模式和开发模式,--prod参数
http://blog.csdn.net/robert_cysy/article/details/62455682从ionic1切换到ionic2的时候,发现app启动好慢,白屏好长时间,后来查找发现有个参数是 –prod,,先开始使用了这个参数,没见到效果。后来重新装了ionic,出现了效果。确实是明显的速度提升。总结:ionic2的在正式发布的时候要加 –prod参数。下面是俩中模式的运行截图...转载 2018-02-26 09:49:05 · 277 阅读 · 0 评论 -
ionic3 解决Error: No provider for Http!
http://blog.csdn.net/wtunique/article/details/77519830自己在使用ionic中http.get()方法时运行程序会报错Error: No provider for Http!原因:没有将Http添加到根模块解决方案:在根模块AppModule中的 providers:[]中。并在上面引用import {Http} fr转载 2017-10-24 10:32:45 · 2548 阅读 · 2 评论 -
Ionic – Playing a media file with ngCordova’s $cordovaMedia
http://atomx.io/2015/01/ionic-playing-a-media-file-with-ngcordovas-cordovamedia/f you’ve read any of our previous posts, you’ll already have an understanding of how to download a file to转载 2017-04-26 11:15:17 · 630 阅读 · 0 评论 -
angularJs中关于ng-class的三种使用方式说明
http://www.mamicode.com/info-detail-1103613.html标签:在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子。而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性这里有三种方法:第一种:通过数据的双向绑定(不推荐)第二种:通过转载 2017-04-26 09:10:50 · 6720 阅读 · 0 评论 -
Ionic 的 ng-class 在聊天功能上面的巧妙运用
http://www.cnblogs.com/aliyue/archive/2016/09/27/5913522.html很多人在问我是 ionic好呢?还是react好呢? 其实我只想告诉你去看文档啊,不用用怎么知道哪个合适呢? 嘿嘿但是真的这么问的时候我也不会这么回答的,那岂不是太张狂了哈哈哈react我确实没有用过,所以今天不多做什么评价。但是ionic我在项目中转载 2017-04-25 17:00:13 · 1014 阅读 · 1 评论 -
ionic使用cordovaMedia、cordovaFile和cordovaFileTransfer播放在线音乐
首先安装cordovaNativeAudio和cordovaFileTransfer插件cordova plugin add cordova-plugin-mediacordova plugin add cordova-plugin-filecordova plugin add cordova-plugin-file-transfer123123配置config.xml"And转载 2017-04-25 16:11:36 · 1360 阅读 · 0 评论 -
angular JS 基于ionic框架 开发移动端项目 实现进入前台 判断用户权限 控制项目UI布局和tab的部门显示和隐藏
angularjs基于ionic框架开发移动端项目,怎么实现进去前台之前判断用户权限?首先参考https://my.oschina.net/blogsh...这篇博客,再结合个人开发项目进行修改具体想要实现 app的tab的5个部分根据权限控制显示4个,还是5个部分,第一反应是在要权限控制的tab上加上ng-if的条件判断,但是效果并不理想,判断没问题,主要是视图的渲染比逻辑要快,因此,并转载 2017-05-03 11:16:37 · 2320 阅读 · 0 评论 -
ionic调试跨域(Access-Control-Allow-Origin)问题
https://blog.csdn.net/xpzhang123/article/details/50592995使用ionic serve用浏览器调试的时候会遇到跨域请求的问题导致无法调用远程数据。错误信息:已阻止跨源请求:同源策略禁止读取位于 http://192.168.1.107:8090/gtslweb/login/json 的远程资源。(原因:CORS 头缺少 ‘Access-Cont...转载 2018-06-13 09:54:13 · 1426 阅读 · 0 评论 -
ionic http(post)请求 跨域问题
https://blog.csdn.net/spflinux/article/details/79304509在app.module.ts中添加:[plain] view plain copyimport {HttpClientModule} from '@angular/common/http'; 并且将其加入imports数组中。然后在某一个ts中(例如:signUp.ts)[plain] ...转载 2018-06-13 10:05:04 · 4056 阅读 · 2 评论 -
Ionic 2基础知识之用户输入
https://blog.csdn.net/u014072600/article/details/60776177很多时候,我们都需要从用户收集一些数据,比如用户名、密码、收货地址或搜索关键词等等,这时,就需要用户在模板页面上进行输入。这里,我们学习两种处理用户输入的方法。使用[(ngModel)]进行双向数据绑定1.新建一个项目,执行下面的命令: ionic start user_input b...转载 2018-06-17 07:39:51 · 228 阅读 · 0 评论 -
Ionic2基础学习之List
https://www.imooc.com/article/15291Ionci2组件之ListThe List is a widely used interface element in almost any mobile app, and can include content ranging from basic text all the way to buttons, toggles, i...转载 2018-06-17 06:55:49 · 445 阅读 · 0 评论 -
ionic发短信
https://ionicframework.com/docs/native/sms/SMSImprove this docRequires Cordova plugin: cordova-sms-plugin. For more info, please see the SMS plugin docs.Repo: https://github.com/cordova-sms/cordova-sm...转载 2018-06-08 16:31:41 · 540 阅读 · 0 评论 -
Ionic页面的生命周期
https://blog.csdn.net/wei11556/article/details/56484718官方文档如官网文档所示,常用的生命周期有如下6个:EventDescionViewDidLoad当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发ionViewWillEnter顾名思义,当将要进入页面时触发ionViewDidEnter当进入...转载 2018-06-08 14:39:00 · 290 阅读 · 0 评论 -
ionic3 UI Components学习4:Button 按钮
https://segmentfault.com/a/11900000145172601.Button 按钮概述按钮是与应用程序进行交互和导航的基本方式,并且应该清楚地告知用户点击后会发生什么操作。按钮可以由文本或图标组成,或者文本图标一起组成,并且可以用各种属性进行增强。出于可访问性的原因,按钮使用标准<button>元素,但通过ion-button指令进行了增强。2.用法2.1 D...转载 2018-06-15 11:11:42 · 2728 阅读 · 0 评论 -
ionic2本地数据库SQLite的增删改查
https://www.cnblogs.com/huihuihui/p/6930412.html 有什么ionic2方面的问题可以在这条博客下留言,我会尽量给大家解答1.在终端运行这两个命令$ ionic cordova plugin add cordova-sqlite-storage$ npm install --save @ionic-native/sqlite2.在app.module....转载 2018-06-13 16:44:51 · 519 阅读 · 2 评论