Ionic3

Angular 5.x 国际化解决方案 - ngx-translate的使用

Angular5.x国际化解决方案-ngx-translate的使用下面示例代码都是基于ionic3.xUI框架中的组件编写的，直接进入正题ngx-translate库的安装  先放上ngx-translate
halli_·2020-08-13 19:46

ionic3 ion-footer 使用*ngIf 会遮挡元素的解决办法

当使用ion-footer组件时，正常情况下，ionic会正确计算出页面底部需要的空间，而不会遮挡底部元素，但是当ion-footer组件使*ngIf进行判断后，ionic就不会为底部预留空间。我猜想是因为ionic先渲染页面，后计算页面中的ngif等模块是否显示。不管它怎么产生的，这里的确是有个bug需要我们解决。方法一：在ion-footer组件上方添加一个同高的div占位符，但是这有个问题是
llxhzm·2020-08-13 16:50

ionic4 踩坑：content 滚动到底部！

之前使用ionic3做项目，一直用的不错，自带的UI库基本可以满足一些小客户的需求，后来ionic4正式版出来了，号称“史上最高效”，抵挡不住诱惑啊，于是新项目就用ionic4，谁知各种坑，后面我一一介绍并会给出最直接有效的解决方案
||一见生财||·2020-08-13 13:48

ionic3 拍照 打水印 上传出现闪退等问题

最近的项目要求拍照打水印并上传，完成测试过程中发现部分Android手机在拍照过程中出现闪退或者APP重启的情况。并且少部分机型会出现部分照片能打水印，部分照片则无法打水印（打水印报错）等奇葩问题。经过一个多月的调试跟踪才完全弄明白原因。本人也不是专业的APP开发，真被这些问题弄得头大O__O。下面是问题总结：问题1:拍照打水印闪退或重启原因：拍照后打水印用到了canvas对图片进行等比例缩放和压
amf68141·2020-08-13 13:37

angular4 + ionic3学习之路

搭建教程：1、下载node.jsV62、搭建教程npminstall-gcnpm--registry=https://registry.npm.taobao.org//更改镜像cnpminstallionic-g//下载安装ionicnpminstall-gioniccnpmupdateionic-gcnpminstallcordova-g(合并上面两条命令cnpminstallioniccord
z_alvin·2020-08-11 05:19

IONIC3微信支付 （附后台JAVA）

Ionic3微信支付流程总结通俗来说微信支付一共两步(最后附全部代码)：1.统一下单（给微信获得微信返回的支付订单号（prepay_id））解释一下：通俗点讲用户支付钱的时候，需要跳到微信界面，根据一个微信支付订单
子逊的辛酸史·2020-08-10 22:09

IONIC3 图片（文件）上传

ts:1.app.modules.ts根组件注册import{ImagePicker}from"@ionic-native/image-picker";import{Camera}from'@ionic-native/camera';import{FileTransfer,FileTransferObject}from"@ionic-native/file-transfer";2.xxx.ts所用
子逊的辛酸史·2020-08-10 22:37

ionic3 实现app版本更新下载并打开进行安装（包括android7+无法自动安装apk问题的解决方法）

记录一下实现app版本一键更新下载的功能。我的项目的总体的文件：使用的插件列表如下：需要纯实现该功能用到的基本上是除了后三个。首先，安装这些插件，在app.component.ts页面上加入import{Component,ViewChild}from'@angular/core';import{Platform,ToastController,Nav,IonicApp}from'ionic-an
zuo-yiran·2020-08-10 05:27

ionic3 cordova-plugin-telerik-imagepicker 插件android平台闪退解决办法

ionic3cordova-plugin-telerik-imagepicker插件安装后，在魅族手机(android5.1)闪退，用logcat查看日志信息发现报一下错误：”Didn'tfindclass"android.support.v4
huying915·2020-08-09 21:27

ionic3 从UIWebView升级到WKWebView（翻译）

在iOS中，现在已经有两个网页浏览器，UIWebView和WKWebView。Ionic应用程序已经在历史版本中使用UIWebView，但之后不再使用。Ionic现在在构建iOS时默认使用WKWebview。我们坚信，WKWebview是任何应用程序的最佳选择，因为它具有对旧版本的Webview（UIWebView）的许多改进。这些功能包括：JIT将JS代码转换为机器代码，运行速度更快改善了渲染性
花开花又谢·2020-08-07 18:32

How to install redis to Ubuntu18.04 LTS

aptdoesnothaveastableCLIinterface.Usewithcautioninscripts.erlang-redis-client/bionic1.1.0-2amd64freeradius-redis/bionic3.0
qwfys200·2020-08-07 17:31

ionic3 grid网格基础使用

ionic3grid网格基础使用demo地址解除ionci不久，需要开发一个页面，两列多行。大哥，这要是android，闭着眼睛都能写出来，脑子废了都没问题的事。可偏偏，这要用ionic来实现。
bigname22·2020-08-07 12:29

ionic3中轮播组件 单个ion-slide滚动项 宽度只适应（不是全屏）设置方法。

1、效果图：（1）、html部分代码：{{item.name}}（2）、ts控制部分代码：先通过angularjs核心库和ionic-angular组件库分贝引入VidewChild模块和Slides组件。如图：import{Component,ViewChild}from'@angular/core';import{NavController,NavParams,IonicPage,Slides
aizhuanjiao666·2020-08-07 12:14

ionic3/cordova 升级更新打开apk android 8.0报错

项目中安卓强制更新，当文件下载完。在android8.0中不能打开apk包。引入插件报一下错误import{FileOpener}from'@ionic-native/file-opener';constructor(privatefileOpener:FileOpener){}...this.fileOpener.open('path/to/file.pdf','application/pdf'
Tyrone_XU·2020-08-05 22:32

ionic3安卓打包apk签名，实现微信分享或打开其他app不闪退

前言：可能很多人不知道为什么app打包成apk之后需要签名，之前我就不是很清楚。在直接使用指令cordovabuildandroid打包之后的apk被默认命名为了app-debug.apk文件。这种文件不支持安卓商店上架使用，只有经过打包、签名之后的apk文件才能正常的上架，同时才能正常使用微信、QQ、支付宝等平台的登录、分享、支付等功能。1.生成未签名的apk文件ioniccordovabuil
jemtian·2020-08-05 22:14

ionic3 + cordova打包注意事项

ionic3+cordova打包注意事项ionicresources–iconionicresources–splashioniccordovaplatformaddios//添加ios平台，ioniccordovaplatformaddandroid
oduok·2020-08-04 00:08

【前端】Ionic4 返回功能-NavController

前言小编所在的项目，前端Ionic--手机端项目需要版本升级，从Ionic3升级到Ionic4，其中需要使用返回功能，虽然Ionic4支持手机自身的返回键，但是对于用户来说，为用户在软件上面添加一个返回按钮
冯浩月·2020-08-03 19:07

Ionic3的http请求如何实现token验证，并且超时返回登录页

要求后台提供的接口，不能让人随便输入个链接就能访问，而是要加入一个token，token是动态的，每次访问的时候判断，有权限并且未过期的时候才可以访问接口。后台的设计是在登录的时候，首先要post提交一个请求，根据用户名密码，返回一个动态token，这个token会在服务器保存一段时间。在前端的其他接口请求的时候，都要在header中添加这个token，后台会进行验证。只有验证成功，才会返回对应的
weixin_34032621·2020-08-03 07:42

ionic3自定义android原生插件

一.创建一个android项目，编写插件功能，并测试ok，这里以一个简单的调用原生Toast.makeText为例。1.新建android项目2.编写插件类packagecom.plugin.testPlugin;importorg.apache.cordova.CallbackContext;importorg.apache.cordova.CordovaInterface;importorg.
weixin_33909059·2020-08-03 06:21

ionic3系列目录，请先看过来

新旧人原因，经常被问ionic的重复问题，逐开博汇总之。内容初步定为以下模块：开发指南Cordova插件篇组件与指令篇技巧篇案例篇感觉很多东西可以写，然而我又没那么多时间，有想了解什么、解决什么，可在此留言，我会抽空回复、或写文章说明。网上一些文章，能用，但是没有说明为什么这样用，或者是不太了解原理，碰中能用，换一种方式就不好用了。写文章挺花时间精力的，我在文章中尽量说明清楚原理，所以请尊重本人的
IT晴天·2020-08-01 09:26

ionic3 开发之工作原理(目录结构、文件分析)及懒加载介绍

onic3.x目录结构分析执行命令ionicstartmyApptabs生成ionic3项目myApp后，用vsCode打开项目可以看到项目中：node_modules//node各类依赖包resources
星辰大海_王·2020-08-01 07:09

Ionic3 自定义指令

在Angular中有三种类型的指令组件—拥有模板的指令结构型指令—通过添加和移除DOM元素改变DOM布局的指令属性型指令—改变元素、组件或其它指令的外观和行为的指令。组件的概念比较大，本文讲解的是属性指令和结构指令的创建和使用，Angular官方文档创建属性指令创建一个指令可以直接使用ioniccli工具ionicgdirectivesxylight//sxylight是该属性指令的名称如果是首次
spilledyear·2020-08-01 05:07

ionic3 文件上传下载和预览

这次要讲的功能主要依赖于两个插件：FileTransfer和FileOpener插件介绍主要功能FileTransfer功能：文件上传、文件下载FileOpener功能：文件预览支持的平台平台名FileTransferFileOpenerAmazonFireOS√×Android√√Browser√×iOS√√Ubuntu√×Windows√√WindowsPhone7√×WindowsPhone
weixin_34044273·2020-08-01 04:44

Ionic3添加GoogleAnalytics

一、创建一个新的应用程序ionicstartIonic3GAsidemenu–type=ionic-angular说明：其中type选项是为了创建ionic3的工程sidemenu是模板工程，其他模板工程可通过
jiejueld·2020-07-31 18:38

ionic3使用阿里图标

https://www.jianshu.com/p/c1bd846fdd98使用前名称前面也要加ios-常见图标有图像图标和字体图标两种，在移动端，字体图标对比图像图标有不少优点，所以一般采用字体图标为主。而字体图标的优缺点(使用图标字体的优点与缺点|骤雨打新荷)摘录如下，有兴趣可了解下：图标字体的优点：1、扩展性更强：图标字体可任意缩放、改变颜色、产生阴影或透明效果。2、灵活性更高：图标字体可以
布衣秀才·2020-07-31 15:58

ionic3 地区选择器

以前看ionic2文档的时候在网上搜索发现了一款某大神开发的地区选择插件，并且支持联动升级ionic3后本来害怕不支持3，又看了文档发现这位大神紧跟官方文档实时更新。。敬佩。。。
杨采臣·2020-07-30 21:31

ionic3 android打包签名release版本

安装ionic开发环境，Android打包环境略过；我们直奔主题，使用终端命令行快速自动签名，打包发布版本的androdapk包。1.签名(产生demo.keystore密钥库文件)cd到ionic项目下；keytool-genkey-aliasyunjinheika-keyalgRSA-validity40000-keystoredemo.keystore说明：-genkey产生密钥-alias
Allen6879·2020-07-30 15:33

Angular/ionic 加载ArcGIS API for JavaScript报错：TypeError:esri_loader_1.bootstrap is not a function

前言在做ionic3+/Angular加载ArcGISAPIforJavaScript，出现以下错误：如何在Angular项目中使用ArcGISAPIforJavaScript请参考：https://blog.csdn.net
idomyway·2020-07-30 15:09

ionic3 微信分享插件

前几天实现了微信分享和朋友圈分分享的功能，由于现有的例子太多了，我实现的过程还算比较顺利。但是网上的例子多是多，但都不够详细，在这里，我来分享一下详细版的微信分享实现过程。首先，下载微信分享插件的代码如下（在这里还不能下载），因为需要微信appidioniccordovapluginaddcordova-plugin-wechat--variablewechatappid=微信appid由于微信分
lanyang2717·2020-07-29 20:03

Angular+ionic实现折叠展开效果的示例代码

1，html中复印纸查看全部A3复印纸A3复印纸A3复印纸A3复印纸A3复印纸A3复印纸效果图下面看下ionic3模拟下拉展开/收缩效果user用户信息姓名：{{item.name}}年龄：{{item.age
·2020-07-29 18:33

ionic 4 重写物理返回键，以及隐藏键盘

网上的ionic物理返回建基本是用this.platform.registerBackButtonAction来做，但是这个方法不是覆盖原有的返回（ionic3以前好像是覆盖的，4就不行了），原有的返回方法会跟你写的方法共存
qq_21197023·2020-07-29 10:38

ionic3学习之聊天界面开发

图示废话就先不多说了，直接上图显示最后的效果。开发准备step1：任务分析我们需要有两个界面：消息列表页聊天界面step2：生成界面cd当前工程目录下//生成消息列表页ionicgeneratepagechat//生成聊天界面ionicgeneratepagechat-messagestep3：添加一个自定义的管道这个自定义的管道用于我们发送消息之后，显示多长时间之前发送。这里只是一个简版。在工程
Wayfreem·2020-07-29 10:34

ionic3 android 热更新

APP常用的更新方式，可以帮开发者避免长时间的审核等待以及多次被拒造成的成本开销，及时更新，不用通过审核的流程，apple关闭了此功能，上架会被拒绝。1.安装“cordova-hot-code-push-cli”2.修改目录下的config.xml.3.在App根目录下面新建文件cordova-hcp.json，内容如下：{"autogenerated":true,"content_url":"h
不错哦_e6d8·2020-07-29 07:23

Ionic3真机跨域问题

我在ionic.config.json的配置：{"name":"warpath","app_id":"","type":"ionic-angular","integrations":{"cordova":{}},"proxies":[{"path":"/api","proxyUrl":"http://172.18.1.133:10001/api"},{"path":"/media-repo","p
罗夏的笔·2020-07-29 04:31

ionic4+angular6 混合移动开发 capacitor cordova

type=angular–type=angular是需要多加的参数，现在官方只集成好了angualr或许以后就会有--type=vueor--type=react呢新建好项目后你会发现，与ionic2ionic3
weixin_34124651·2020-07-28 18:09

ionic3 懒加载配置 及 NgModule详解

一）懒加载Ionic3默认采用懒加载机制，什么是懒加载呢？
ISD_H5开发团队·2020-07-28 16:07

ionic3 调用本地相册并上传图片

需要的插件(ionic官网native中均有):$ioniccordovapluginaddcordova-plugin-file$npminstall--save@ionic-native/file$ioniccordovapluginaddcordova-plugin-file-transfer$npminstall--save@ionic-native/file-transfer$ionic
strong90·2020-07-28 11:01

ionic3 angular4项目中转义html标签

.tsimport{DomSanitizer}from'@angular/platform-browser';constructor(publicsanitizer:DomSanitizer){}assembleHTML(strHTML:any){returnthis.sanitizer.bypassSecurityTrustHtml(strHTML);}.html
海上笙明玥·2020-07-28 04:45

Ionic3 加用Loading效果后苹果手机(iOS)经常没法滑动，强制浏览器渲染Dom文档 (备忘）

问题描述当页面加上loadingCtrl动画效果等待异步返回后loadingCtrl已释放，但苹果手机（iOS)经常计算Content高度有误，导致明明超出一屏的内容无法上、下滑动，安卓和PC上均能正常滑动；方案一：参考：Javascript强制浏览器渲染Dom文档[html][ts]@ViewChild("content")content:Content;private_contentHeigh
chelen_jak·2020-07-27 20:42

使用Ionic3 新特性Lazy Loading加速应用

因为我们使用命令创建的项目是基于ionic2，我们首先要使用ionic3的新特性LazyLoading就必须对我们的项目进行更改。下面就以修改home页为例。
待花谢花开·2020-07-27 19:09

ionic3+cordova使用qr扫描仪

1.下载好qrcode的cordova插件：ioniccordovapluginaddcodova-plugin-qrscanner2.下载好npminstall--save@ionic-native/qr-scanner3.创建一个扫描仪页面，整个页面都是拿来作扫描的界面，这个界面在调用qrscanner对象的scan方法，此方法会返回文本扫描的Observable，使用订阅subscribe，
a617332635·2020-07-27 18:50

【技巧】ionic3独享滚动区域之滑动segment

想象一下这样一个场景，通过segment切换页面，通过*ngIf等类似指令来模拟显示不同页面的内容，代码表示如下：列表1列表2其实这两个列表是公用ion-content的滚动条的，也就是说，当列表1滚动到一定距离，当切换到列表2显示时，列表2已滚动到列表1所在的位置了（效果图我就不上了），鉴于此，我们可以在每个div外面再包一层，此层的滚动区域代替ion-content的滚动区域。在这里，我示范使
IT晴天·2020-07-16 06:48

来扯点ionic3[6] 继续上手表单：魔法般的双向数据绑定

本系列文集：来扯点ionic3相关章节：来扯点ionic3[5]轻松上手表单：这些组件可以玩一年当我们有了一个表单，要如何处理表单中的数据？
忠叔·2020-07-16 05:41

spring boot 解析ionic3 图片上传（data:image/jpg;base64）

1.Controller@RequestMapping(value="uploadAvatar",method=RequestMethod.POST)@CrossOriginpublicResponseuploadAvatar(@RequestParam(value="imgData",required=true)StringimgData)throwsServiceException{.....
DONG999·2020-07-16 00:41

ionic3 文件上传下载和预览

这次要讲的功能主要依赖于两个插件：FileTransfer和FileOpener插件介绍主要功能FileTransfer功能：文件上传、文件下载FileOpener功能：文件预览支持的平台平台名FileTransferFileOpenerAmazonFireOS√×Android√√Browser√×iOS√√Ubuntu√×Windows√√WindowsPhone7√×WindowsPhone
Snorlax丶·2020-07-15 15:12

ionic3编写插件调用aar.

ionic3如何编写插件，我这里就不详细描述了，给出一个参考地址参考这里。重点说的是如何调用aar以及关于activity的问题。1.使用plugman生成对应的插架的目录。
瞧俺老孙的·2020-07-15 12:29

ionic3 - 渐变（透明）导航栏

有图有真相渐变导航栏一、在ionic中实现透明导航栏非常简单，先介绍几个比较有用的属性:1.no-border//ion-header去除边框2.transparent//ion-toolbar透明背景-这个没用到3.fullscreen//ion-content占全屏HTML配置属性...css样式.scroll-content{padding-top:0!important;//content
柳暗花明又一匪·2020-07-15 09:27

Ionic3.0奇技淫巧（持续更新中)

2019独角兽企业重金招聘Python工程师标准>>>1、全局自定义返回按钮在app.scss文件中，添加如下代码imports:[IonicModule.forRoot(MyApp,{backButtonText:'',backButtonIcon:'ios-arrow-back',iconMode:'md'})]2、ios中，导航栏、状态栏重叠IonicModule.forRoot(MyApp
weixin_34107955·2020-07-15 05:11

angular4+ionic3数据请求方法 post get http

1.get请求1.创建服务，并引入import{Injectable}from'@angular/core';import{Http}from'@angular/http';import'rxjs/add/operator/map';@Injectable()exportclassCategoryListServiceProvider{constructor(publichttp:Http){}p
Allen6879·2020-07-14 10:50

快速上手Ionic3 多平台开发企业级问答社区

1-1ionic3-导学第2章Ionic框架介绍主要对Ionic框架简介及实战前重要知识点、Ionic版本详细讲解与注意事项、Ionic框架文档、API、源码、Ionic官方Slack
kangche9097·2020-07-14 08:07
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他