IONIC3 第13页

ionic3 的路由和页面之间的通讯以及传参 2018-03-20

我们在搭建ionic项目的时候想实现路由跳转，接下来我会把我在实现路由跳转的时候遇到的时候遇到的问题记录一下，如果有遇到同样问题的朋友可以借鉴和参考下能不能解决你的问题首先我们已经搭建好了ionic3的一个项目我们现在简单介绍下项目目录项目的目录结构我们主要对标注的

张益达_pearl·2020-02-12 10:33

【Appetite】ionic3实录（六）首页实现

前文再续，书接上一回，上上回说到自定义组件，本节应该讲怎么做自定义组件的同时怎么调用的，只是本实例应做自定义组件的有好几个，不可能每个都写出来讲解，这会显得冗余了，所以决定只把其中一个较有代表性的做成自定义组件。在写这个组件前，我们按照页面的顺序先逐个实现。不知道一个小时能写完不，赶上班…仍然是先上UI设计图：image.png观察之，发布者和内容的文本信息可以用ionic现有的组件实现，而视频播

IT晴天·2020-02-12 04:34

ionic3开发之HttpClient POST（支持传入对象和数组参数）

前言前面写过一篇ionic3使用HttpModule来进行网络请求的文章，ionic3开发之封装Http请求（支持传入对象和数组）。

hhjjj1010·2020-02-11 21:41

Ionic3.x/Ionic4.x 教程

转自：https://blog.csdn.net/yuanlaile/article/details/79149428每周会关注学习Ionic3仿京东项目的后续更新视频教程，给自己找一点满足感，听说Ionic4

modingfa·2020-02-11 10:13

ionic3 Jpush极光推送实现

最近一段时间在折腾公司的移动基础框架开发，该框架基于ionic3的框架基础之上进行开发。

薪火设计·2020-02-10 17:24

ionic3 图片轮播图片预览 ionic-gallary-modal

一、效果展示image使用方法：1.npm安装ionic-gallary-modal扩展模块npminstallionic-gallery-modal--save2.在app.module.ts根模块中导入图片预览模块ionic-gallary-modal和浏览器手势事件模块HAMMER_GESTURE_CONFIGimport*asionicGalleryModalfrom'ionic-gall

藟Danae·2020-02-10 16:32

关于IONIC项目在上传FileIamge文件遇到的问题

由于之前在公司做项目用的都是ionic2所以上传文件或者图片这些东西都很简单也没有什么困难，比较用的语法还是很正常的，now，很无语的切换ionic3就很蛋蛋碎了，他喵的上传了一个下午的图片死活就是上传不上去不是后台提示图片格式不对就是传参有问题

夜色_a393·2020-02-10 14:44

ionic-判断是设备时手机还是平板（iPad，tablet）

首先若果是ionic3的话，官方直接有判断方式：if(this.platform.is('tablet')||this.platform.is('ipad')){this.screenOrientation.lock

一只飞·2020-02-10 06:44

ios 打包错误

ionic3Ld/var/root/Library/Developer/Xcode/DerivedData/xxx/Objects-normal/i386/掌握BIMnormali386ios4.5.1

迪拉达桑·2020-02-10 01:05

ionic3 textarea 自适应指令

作者：猿奇链接：www.jianshu.com/p/9d8c7b7558d8來源：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。如有疑问，可评论联系作者，热心解答，从不怼人。。。AutoresizedirectiveforTextAreasinAngular2/4新建directive（记得在app.module.ts里面注入directives.module）$ionicg

猿奇·2020-02-10 00:52

ionic3热更新

npminstall-gcordova-hot-code-push-clicd你的项目路径cordovapluginaddcordova-hot-code-push-plugin根目录创建cordova-hcp.json{"autogenerated":true,"name":"ionichot","min_native_interface":1,"content_url":"http://10.

恐龍·2020-02-09 23:48

ionic3.7照相和多图片选择

做了ionic项目也有一段时间了，把之前做的笔记分享出来，仅供大家参考，一起学习、一起进步，我感觉学一门语言，就是去找实际的案列直接应用它，在实践中学习，今天介绍的是通过ionicUI组件ImagePicker、Camera进行照片和照相功能1)首先你要想用这个组件必须要添加它，通过命令行npminstall--save@ionic-native/camera安装camera;通过命令行npmin

不伟心·2020-02-09 19:29

ionic3 APP版本更新

Ionic等版本信息注意：安装平台android6.3.0的小伙伴，安装插件时，一定要选择下面的版本安装，否则出错。platforms\android\AndroidManifest.xmlandroid:targetSdkVersion版本//1安装插件//权限[email protected]$npmin

繁_e6c7·2020-02-07 15:38

【技巧】ionic3底部Tab居中圆形凸出按钮

好久没做ionic3了，在草稿箱发现这个闲置了很久将至一年的文章，遂发出来。

IT晴天·2020-02-06 10:18

ionic3-输入框动态缩放

在做聊天窗口的时候遇到一个问题，就是输入框输入多行文字之后没有自动变高，现在很多流行的社交软件如微信、QQ中都至少输入4行之后才将多余的部分隐藏，所以问题来了，怎样在输入的时候输入框动态变高，当高度到达四行之后就保持不变，消息发送之后又变回原来的高度。1.html中给texteara添加input事件：2.在ts中注入ElementRef模块，并引入：import{ElementRef}from'

EvolAi·2020-02-06 07:52

ionic2/3实战-添加拍照功能cordova-plugin-camera

效果演示源代码已上传到github由于ionic版本更新较快,有些写法可能改变来不及更新,请以github代码为准ionic2.0插件的使用方式和ionic3.0已不一样ionic2实战-添加拍照功能cordova-plugin-camera.gif

小军617·2020-02-06 04:13

ionic3开发之封装Http请求（支持传入对象和数组）

（/捂脸）比较新的做法，大家可以移步ionic3开发之HttpClientPOST（支持传入对象和数组参数）。

hhjjj1010·2020-02-05 03:44

ionic3 程序更新

由于ios只能通过appstore进行更新，所以只能跳转方式进行更新。当然还有微软的code-push（热更新），不过这种方式不能更新版本号和插件，所以很适合用于快速修复bug，建议两种方式都结合使用。android版本的话可以使用官网提供的AppUpdate插件进行更新。以下方法统一使用后台数据库接口进行判断是否需要更新。官网地址：https://ionicframework.com/docs/

No刹那光辉·2020-02-02 21:22

ionic3懒加载自定义组件中使用ionic3组件报错is not a known element

之前在使用ionic3的ionicPage(懒加载)方式开发App时，自定义组件，并且在组件中使用ionic3的组件时，报错isnotaknownelement。

八碗·2020-02-02 11:53

ionic2/ionic3 Jpush极光推送无法setAlias setTags的解决办法

此文章针对于2017年10月份后，部分ionic2ionic3开发者极光推送无法setAlias()setTags()的问题。

Kiuyam·2020-02-02 10:52

ionic3 集成 devextreme 图表

devextreme在国内相对来说用得比较少，但在国外却很火。而且功能很强大，可以说基本的网页需要的UI它都提供有，还能兼容PC和手机H5。官网地址：https://js.devexpress.com/1.集成到ionic1.1在项目根目录执行安装$npminstall--savedevextremedevextreme-angular1.2在项目根目录创建copy.config.js文件填入va

No刹那光辉·2020-02-02 07:58

【技巧】ionic3优雅解决启动前、后黑白屏问题

这里只说明androd和ios的情况。1、启动前黑白屏启动前黑白屏问题，仅存在于android，是android应用的通病，ionic表示这锅它不背。具体操作时，当我们点击桌面图标启动APP时，有时会闪一下黑色背景，有时黑色背景时间还比较长。原因是：黑色背景：其实是在我们看到首页第一帧之前，看到的默认的背景色，黑、白色对应的就是黑白背景。那解决方法是：让这个黑色的背景变成用户喜欢看到的画面或者让它

IT晴天·2020-02-02 06:00

ionic3 自定义购物加减组件

1.创建组件执行命令$ionicgcomponention-meter成功后如图图片.png2.修改组件ion-meter.tsimport{Component,Input,OnChanges,OnInit,Output,EventEmitter,ViewChild}from'@angular/core';/***GeneratedclassfortheIonMeterComponentcompo

No刹那光辉·2020-02-02 03:36

ionic3 使用QR Scaner 扫描

ionic官方有提供三个扫描插件，分别为：BarcodeScanner速度很慢，样式不怎样QRScanner速度快，样式随心所欲，直接在html里修改属于自己的样式ZBar速度快，能扫描条形码与二维码，这样也导致如果二维码附近有其它类似一维码的图案，可能会影响值的准确性，还有没有提供扫描框综合以上，所以最后还是决定使用QRScaner进行扫描。1.安装插件$ioniccordovapluginad

No刹那光辉·2020-02-01 22:08

ionic3 集成极光推送自定义消息爬坑备忘

1.cordova的极光推送插件有三种下载方式（1）通过CordovaPlugins安装，要求CordovaCLI5.0+：cordovapluginaddjpush-phonegap-plugin--variableAPP_KEY=your_jpush_appkey（2）直接通过url安装cordovapluginaddhttps://github.com/jpush/jpush-phonega

学海无涯_554f·2020-02-01 22:44

ionic3仿女装尖货笔记

一.服务:将全局都会使用到的方法，类封装成服务.类似于iOS中的工具类,在需要用到的地方直接调用即可，步骤:1.@Injectable()exportclassAppService{}2.在app.Module.ts中providers中引入providers:[StatusBar,SplashScreen,AppService,QQSDK,ImagePicker,{provide:ErrorHa

133sheiya·2020-02-01 20:01

ionic3 自定义组件（进度条）

在每一个项目中，总会有好些地方重复。至于这些复用性较高的代码，可以直接提取出来，封装成一个组件或者服务类。这样方便维护与简洁代码。1.创建组件在根目录下，命令创建$ionicgcomponentprogress-bar图片.png创建成功后，会自动导入到components.module文件，如果自定义的组件需要用到ionic的组件，则需要在此引入IonicModule2.修改组件.html{{p

No刹那光辉·2020-02-01 19:44

ionic3 即时通讯（待机/后台运行可用）

最近开发记录程序要求：工厂内通讯使用，及时联络处理问题，收到消息及时提醒用户处理。目前已测试android4以上1.保持程序后台运行2.维持长连接，接收即时消息，后台播放无声音乐，每十秒执行一次，无声音乐长度为1秒3.接收到信息，显示通知，提醒，语音播报4.消息存储，根据不同的消息跳转不同的页面需要用到插件1.cordova-plugin-background-mode后台运行2.cordova-

No刹那光辉·2020-02-01 19:01

ionic3 封装验证码倒计时

1.创建provider$ionicgproviderhelper最终生成结构如图4BKCH4MYOM)34AX1F_MIGBD.png2.修改helper如果要查看StorageServiceProvider类，之前有写过，请点击StorageServiceProviderimport{Injectable}from'@angular/core';import{Subject}from'rxjs

No刹那光辉·2020-02-01 19:26

ionic3-热更新code-push常用命令

给app在热更新服务器上创建应用code-pushappadd删除应用code-pushapprm查看热更新服务器上有哪些应用code-pushapplist发布应用code-pushrelease-cordova[options]options参数--deploymentName或-d指定部署的类型.默认"Staging",可以选择"Production"或其他自定义类型--descriptio

JoyoDuan·2020-02-01 06:09

ionic3-使用cordova打包android时报错

参考问题参考在2018-03-08使用cordovabuildandroid打包android包时出现错误。错误如下：错误详情BUILDFAILEDTotaltime:19.142secsERROR:InFontFamilyFont,unabletofindattributeandroid:ttcIndexFAILURE:Buildfailedwithanexception.*Whatwentwr

JoyoDuan·2020-02-01 06:40

ionic3-配置hybrid-app开发环境

基本环境配置配置Java开发环境（JDK），path中配置JAVA_HOME配置AndroidSDK环境，如：ANDROID_HOME=E:\Android\android-sdk-windows在环境变量path中加入%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools。加入%ANT_HOME%\bin配置eclipseplugins下的ANT_H

JoyoDuan·2020-02-01 05:11

ionic3-图片裁剪（AllowCrop）

准备AlloyCropalloy-crop.jsalloy-finger.jstransform.js开始下载三个JS文件将下载的文件保存到web-app的src/assets/lib/alloycrop目录下（需要新建lib和alloycrop目录，你也可以修改自己的目录名，只要引入文件时写你的目录就行）如图：alloycrop.png在index.html文件中引入三个JS文件如图：index

JoyoDuan·2020-02-01 04:44

ionic3 - 打包时加"--prod"参数导致内存溢出

说明打包的时候报了内存溢出的错误（不加prod的时候不会内存溢出）FATALERROR:CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory解决方法终极解决方法（推荐）：increase-memory-limit全局安装increase-memory-limit安装命令：npminstall-gincrease-memory-l

JoyoDuan·2020-02-01 00:46

ionic3 - 在Mac上build ios失败

参照cordova-ios在Mac上执行ioniccordovabuildios失败错误信息Buildsettingsfromcommandline:CONFIGURATION_BUILD_DIR=/Users/joyoduan/Downloads/Driveprince/Hybrid-App/drive-coach/drive-coach/platforms/ios/build/deviceSH

JoyoDuan·2020-02-01 00:00

ionic3 ,win7下 npm install 报operation not permitted

windows下管理员身份npminstall时出现还是报operationnotpermitted，环境是：npm-v5.5.1ionic-v3.20.0示例图【原因】npm的版本过高，导致一些依赖包下载不全【解决方案】npminstall后面增加--no-optional（推荐）降低npm版本，但话说不晓得降低到哪个版本，没试【参考文章】https://blog.csdn.net/wopelo

风语菡·2020-01-08 04:16

ionic3反向传值的补充说明:关于如何 pop with params (CallBack)

本文系原创,转载请注明出处,谢谢!自从出了上一篇关于ionic反向传值的笔记以后,有不少小伙伴留言或者私信我说看不太懂,实现不了效果,我反思了一下,觉得可能由于上一篇的内容比较杂乱,而且当时写博客的水平有限,所以导致有点词不达意,没有把关键内容表达清楚,故又准备了这篇笔记和一个干净整洁、一针见血的demo,希望对于初学者有所帮助,也欢迎大家与我一起探讨关于ionic开发的技术点.本文参考链接:ht

阡陌不言·2020-01-07 22:34

Android跨进程通信IPC之4——AndroidIPC基础1

Android跨进程通信IPC整体内容如下1、Android跨进程通信IPC之1——Linux基础2、Android跨进程通信IPC之2——Bionic3、Android跨进程通信IPC之3——关于"JNI

隔壁老李头·2020-01-07 12:45

【技巧】ionic3锚点操作

简单记录下，当想滚动到某个位置，可以给该位置一个id，称为锚点，如：然后在ts里调用下述方法即可，调用前确保html渲染完成：scrollIntoView(id:string){letelement=document.getElementById(id);if(element){element.scrollIntoView();}}

IT晴天·2020-01-07 07:14

使用ng2-dragula实现拖放（更新）

2019-01-11:重新写了个demo，跟这个demo用法有点不同，拖动时图片放大的问题也解决了，需要的可以看看这里ionic3使用ng2-dragula拖拽功能前段时间，无意中发现一个挺有趣的插件，

鱼猫啊·2020-01-07 00:30

Ionic4—http远程获取数据的跨域问题

目录一、概述二、解决跨域一、概述Ionic4远程获取数据时存在跨域问题，原来的Ionic3不存在这个问题。

空城里的往日时光·2020-01-06 15:22

如何在chrome开发工具中调试ion3 typescript代码

如果您正在使用VisualStudio代码，您可以安装CordovaTools扩展，这将允许您在设备上进行调试，它是VSCode非常强大的工具，也是我发现开发Ionic3和Angular的最佳编辑器/IDE4

邓海琪·2020-01-05 22:58

ionic3 实现长按复制文本

一、安装插件1、安装cordova-clipboard插件$ioniccordovapluginaddcordova-clipboard$npminstall--save@ionic-native/clipboard@42、将插件添加到app.module.ts中...import{Clipboard}from'@ionic-native/clipboard';...@NgModule({...p

风语菡·2020-01-05 19:45

ionic3 把ion-header 设置透明，会空出44px解决方案

this.content._scrollContent.nativeElement.style.paddingTop="0px";this.content._fixedContent.nativeElement.style.marginTop="0px";

厦门第一帅哥·2020-01-05 16:42

Ionic3项目实战

image记录一些使用ionic3开发项目实战经验和功能解决方案。

bestvist·2020-01-05 06:02

Android跨进程通信IPC之10——Binder之Framework层Java篇