ionic4

ionic4 添加自定义字体图标

在angular.json中的style中引入css文件：然后在variables.scss中添加内容：转载于:https://www.cnblogs.com/rjwx60/p/10453509.html
weixin_34194317·2020-09-12 23:38

Ionic 环境搭建

；因为node.js已经集成了npm，所以npm也一起安装完成，也可在cmd下输入npm-v，若输出版本号则安装成功3.安装cordova和ioniccmd下输入npminstall-gcordovaionic4
zjf_0812·2020-09-12 01:23

[ionic4] 模态对话框的深入理解以及Modal之间传值

前言:说实话,在搞ionic的时候,还真的应该简单的angular的帮助,要不然感觉理解期间的含义还真是有点难度的,不知道你们是不是,反正这篇博客做了一段ionic项目后,才写出来!一.什么时候该用模态对话框Modal(模态)对话框,是指用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应.如单机确定或者取消按钮才能将对话框关闭!如下图就是一个模态对话框,点击取消或者确认并提醒按钮
光哥_帅·2020-09-11 21:03

ionic4 使用代理进行跨域请求

最初刚用ionic4做项目时，由于跨域问题，在浏览器开发调试时遇到网络不通问题。
愤怒的阿昆达·2020-09-02 21:11

Ionic 4 beta + Capacitor beta 尝鲜

本文为原创文章，转载请标明出处开发环境:Ionic4beta3、Capacitorbeta6。
aigua1949·2020-08-25 06:22

运行错误：Application Error - The connection to the server was unsuccessful

在模拟器上上启动ionic4.6版本打包成的androidAPK,启动了很久结果弹出这个问题：ApplicationError-Theconnectiontotheserverwasunsuccessful
weixin_30598225·2020-08-24 20:31

ionic中的中文tts集成

因为业务需要,需要用到tts播报中文语音,但是目前插件库能搜到的tts插件几乎全是英文的(因为谷歌安卓系统本身的问题),所以只能自己借助中文tts语音包编写插件.目前插件已经更新到插件库,本人在ionic4
DLLCN·2020-08-24 16:46

使用ionic4组建ion-modal的时候报错

在使用ionic4的组件ion-modal的时候按照官网上的事例敲好之后，webstorm会报这样一个错误大致的意思就是这样的传参格式是不对滴所以就开始各种尝试最后采用的这种方式interfaceModalOptions
bule·2020-08-24 15:38

ionic4+vue+cordova开发混合应用

ionic4之前，ionic只能和angular搭配使用，ionic4后把ionic抽离成四个版本，@ionic/core，@ionic/angular，@ionic/react，@ionic/vue来满足更多开发者的需求
伟金·2020-08-24 15:35

ionic4 ion-reorder-group组件拖拽改变item顺序

刚开始我都不知道ionic4中已经封装了拖拽排序的组件，也是主管告诉我的。使用了这个组件的经历告诉我：仔细读官方文档，是没错的！
Mandy·2020-08-24 14:55

git clone 代理配置

今天克隆项目一直克隆不下来$gitclonehttps://github.com/mixuala/ionic4-sidemenu.gitCloninginto‘ionic4-sidemenu’…fatal
I天辉I·2020-08-24 13:53

ionic4 钉钉H5微应用免登录

ionic4钉钉H5微应用免登录【实现结果】钉钉内打开企业嵌入发布后的H5微应用无需在输入账户密码！
Zachary_CN·2020-08-23 18:37

【风雨欲来的Hybird】（1）Capacitor——为了原生，RN、NS、Weex的下一个强劲对手

其实Capacitor是ionic4的衍生品，如果说Stencil是跨框架组件开发，那Capacitor就是跨平台原生封装。为解决Webview的渲染性能瓶颈，相对于
IT晴天·2020-08-23 04:09

ionic4使用Barcode Scanner插件实现二维码、条形码扫描功能

样式好看，类似支付宝的扫描框、速度稍微比最后一个慢几百毫秒，主要问题是Android部分手机扫描完成以后有抖动问题。官网地址https://ionicframework.com/docs/native/barcode-scanner安装插件ioniccordovapluginaddphonegap-plugin-barcodescannernpminstall@ionic-native/barco
yw00yw·2020-08-22 20:36

移动端无限滚动/横向(X轴)tab选择

无限滚动并加载数据其中还有加载时图片的展示这里结合ionic4写的//统一处理结果handleResult(res:CommonProductResult){//定义下接口回值的属性this.isNoSuch
酒慰风尘·2020-08-22 19:16

ionic4 多级联动选择器

一、创建serviceionicgserviceservices/picker/picker二、picker.service.ts内容import{Injectable}from'@angular/core';import{PickerController}from'@ionic/angular';import{PickerColumn}from'@ionic/core';@Injectable(
rimuweinuan_·2020-08-22 18:39

总结 ionic4出现 No provider for XXX 问题

在写ionic4项目时候，需要长按图片保存到手机相册中，用到photolibrary按照官网实例：安装并且在ts中引入import{PhotoLibrary}from'@ionic-native/photo-library
It_渣渣宇·2020-08-22 18:59

Ionic4框架下视频Videogular2的使用

Ionic4框架下视频Videogular2的使用videogular2API链接1.首先要安装Videogular2的依赖npminstallvideogular2--savenpminstall@types
我们间的空白格·2020-08-22 18:16

ionic4的路由传参和modal传参

一、路由传参1.普通参数例：perfect-self页面跳转到gongsi-organization页面传递参数store_id和store_nameperfect-self.page.tsimport{Router}from'@angular/router';...constructor(publicrouter:Router,){}...this.router.navigate(['gongs
kikyou`·2020-08-22 17:26

ionic4开发——跨域转发

ionic4开发调用后台接口时经常出现跨域问题，可以配置proxy实现在浏览器调试，此方法Angular6项目也适用。
漂泊猫·2020-08-22 00:56

ionic应用兼容Android9与10的经历

就是Android9,这一块原因大家自己google.突然,给用户开发的App无法在Android9与Android10上正常使用,甚至10上面无法进行安装,不得不拉取很早之前的代码进行问题排查.此前是ionic4
DLLCN·2020-08-21 02:37

ionic应用兼容Android9与10的经历

就是Android9,这一块原因大家自己google.突然,给用户开发的App无法在Android9与Android10上正常使用,甚至10上面无法进行安装,不得不拉取很早之前的代码进行问题排查.此前是ionic4
DLLCN·2020-08-21 01:57

ionic中的中文tts集成

因为业务需要,需要用到tts播报中文语音,但是目前插件库能搜到的tts插件几乎全是英文的(因为谷歌安卓系统本身的问题),所以只能自己借助中文tts语音包编写插件.目前插件已经更新到插件库,本人在ionic4
DLLCN·2020-08-20 23:19

ionic中的中文tts集成

因为业务需要,需要用到tts播报中文语音,但是目前插件库能搜到的tts插件几乎全是英文的(因为谷歌安卓系统本身的问题),所以只能自己借助中文tts语音包编写插件.目前插件已经更新到插件库,本人在ionic4
DLLCN·2020-08-20 23:19

Ionic4 cordova混合开发的开发调试环境搭建

Ionic4混合开发首选应该是capacitor，但capacitor刚推出不久还不够成熟，所以选择使用传统的cordova方式开发。
scherman·2020-08-20 21:42

Ionic4 cordova混合开发的开发调试环境搭建

Ionic4混合开发首选应该是capacitor，但capacitor刚推出不久还不够成熟，所以选择使用传统的cordova方式开发。
scherman·2020-08-20 21:42

Ionic 3 升级 Ionic 4 迁移指南

Ionic3升级Ionic4迁移指南前言Ionic4包含现代WebAPI，如CustomElements，CSSVariables和ShadowDOM。
DemoPark·2020-08-20 21:23

Ionic 3 升级 Ionic 4 迁移指南

Ionic3升级Ionic4迁移指南前言Ionic4包含现代WebAPI，如CustomElements，CSSVariables和ShadowDOM。
DemoPark·2020-08-20 21:23

ionic4-GlobalErrorHandler(全局异常捕捉与处理)

ionic4-GlobalErrorHandler(全局异常捕捉与处理)node10.15.0ionic4.12.0cordova9.0#platformscordova-android：8.0.0cordova-ios
SandLZ·2020-08-20 11:53

Ionic4+Angular8实现App主题样式切换

Ionic4+Angular8实现App主题样式切换背景前置条件正文部分实现效果实现过程1、创建主题样式文件2、修改src/theme/variables.scss，导入刚刚创建的3个样式文件3、通过ionicg
CodingPioneer·2020-08-18 07:16

关于ionic4打包Android发布版(release)签名过程及发布版无法访问服务器IP

项目从开始部署以来遇到了大大小小各种问题总结一下：1、浏览器跨域问题关于前端跨域问题解决办法2、打包Android测试包后不允许明文（HTTP请求转换为HTTPS）关于Android8以上不允许明文传输（即HTTP请求转换为HTTPS请求）的方法3、服务端部署后客户端访问不到服务端IP（最坑就是这里，以前用阿里云和腾讯云可以直接访问IP，但是在电信云控制台有个安全组需要设置入口和出口IP以及端口号
天空丶落寞·2020-08-18 06:56

ionic4&angular8使用命令ionic build --prod打包之后本地双击www/index.html浏览器无法访问，必须把www部署到web服务器上才能正常访问。

ionic4&angular8+打包之后本地双击访问www/index.html空白报错，只有把www部署到web服务器上才能正常访问。
ty41232X32·2020-08-18 03:32

ionic4+angular8+动态设置首页

我采用最原始最简单的方案，直接指定刷新后访问的实际URL，不动态操作angular路由。访问URL示例：http://localhost:8100/#/tabs/mallhttp://localhost:8100/#/user-loginindex.html加入一段简单的判断脚本即可：//只处理未登录的状态，未登录时则刷新到指定的URL路由，即登录页面consttoken=localStorage
ty41232X32·2020-08-18 03:01

ionic4项目添加ios平台问题

1、输入命令【ionicserve】报错错误内容：[ERROR]Unabletofindcommand:/usr/local/bin/node/usr/local/bin/ionicserve解决方法：升级ionic、cordova更新（Windows）：npminstall-gionic@latestnpminstall-gcordova@latest更新（Mac）：sudonpminstall
rimuweinuan_·2020-08-18 02:13

ionic4关于ion-tabs的研究

最近在研究ionic4，对ion-tabs的用法有疑惑在tab模块里的写法tab.htmltab.tstab1Root='HomePage'tab2Root='InventoryPage';tab3Root
进击的你·2020-08-15 20:47

ionic4 自定义tabbar图标

首页订单信息我的在global.scss里面写入样式，.ion-page{.tabbar{.ion-tab-base{width:1.5rem;height:1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;}$tabImageName:"home""order""notice""
zhuxiandan·2020-08-15 20:41

Ionic4 自定义tabs菜单图标

ionic的tabs组件默认图标更换方式可以通过自定义图标样式来替换。自定义图标可以是图标字体库，也可以是png图标等。文章目录一、编写样式二、scss语法说明1.数组2.循环3.取数组中元素4.样式区分三、资源文件四、更换前和更换后对比一、编写样式在tabs.scss文件（组件作用域），或者全局app.scss覆盖都行。下边是菜单覆盖代码：page-tabs{.tabbar>.tab-butto
zhichaosong·2020-08-15 20:08

ionic4中ionic native的基本使用

ionic官网https://ionicframework.com/进入native页面的左侧社区版步骤一：https://ionicframework.com/docs/native步骤二：https://ionicframework.com/docs/native/device以Device为例在ionic项目目录下安装对应插件，根据官方文档实例ioniccordovapluginaddcor
yw00yw·2020-08-15 20:25

ionic4 如何安装和创建项目

ionic4的安装过程以及新建一个项目一、安装过程1.准备1)必须得安装nodejs(建议安装最新的稳定版本)2)必须有Angular基础：https://www.itying.com/goods-1047
渐暖°·2020-08-15 20:25

ionic4自定义tabs导航栏（一）

在ionic4项目中，使用ionicstartmyApptabs可以新建自带tab切换，但是更多时候我们想自定义tab切换，自定义项目目录结构。
yw00yw·2020-08-15 20:25

ionic4 在浏览器中可以向后台发送请求，但是在打包到真机中，请求失败

在ionic4学习当中，正常学习http。自己写了一个后台服务，在浏览器中可以正常请求，一打包到真机中，我擦，出现这是什么鬼！！！开始思考，前端问题，后端问题。在浏览器中通过url可以直接访问，返回。
rolling_deep·2020-08-15 19:06

关于ionic4的LoadingController

LoadingController当同时创建多个弹框时，关闭有时会出现问题，导致有些弹框关闭不掉；通过多次测试；先打开的弹框后关闭；按照栈（先进后出）的方式去关闭就不会有问题所以推测ionic创建弹框成功后会返回一个序号；关闭的时候查找所有的弹框节点根据序号去确定关闭哪个节点第一个弹框arr[0]第二个弹框arr[1]第三个弹框arr[2]所有的弹框节点：arr=[0,1,2];关闭第一个节点之后
rui_code·2020-08-15 19:06

ionic4 tabs相关问题

1.app-routing.module.ts根路由文件中配置{path:'',loadChildren:'./tabs/tabs.module#TabsPageModule',canActivate:[LoginGuard]}，{path:'sell',loadChildren:'./pages/sell/sell.module#SellPageModule',canActivate:[Logi
七星科技·2020-08-15 19:30

Ionic4--loading异步加载，导致无法正确消失

原因：由于异步导致dissmiss()方法先走，然后才执行present()方法在stackoverflow上找到了比较好的解决办法publicloadingIsOpen:any=false;loading加载asyncshow(){this.loadingIsOpen=true;returnawaitthis.loadingController.create({duration:7000,}).
吕阿蒙·2020-08-15 18:16

Ionic4--ion-slides轮播图遇到的问题

由于项目需求使用了原生组件ion-slides来实现轮播图，从此踏上了一条不归路首先上HTML代码{{item.title}}{{item.num}}JSpublicslidesOpts={//轮播图属性speed:500,autoplay:{delay:5000,disableOnInteraction:false//这个属性很关键，拖动完自动播放},loop:true,zoom:false,}
吕阿蒙·2020-08-15 18:16

使用Genymotion模拟器或者手机运行ionic4程序

1、使用命令行#添加android，如果是ios，设置ioscordovaplatformaddandroid#编译成apkionicbuild#开启cordovarunandroid2、按照上面的命令发现无法在Genymotion模拟器运行这时需要修改Genymotion的设置，在Genymotion主界面找到Settings这一项：手工指定AndroidSDK的目录后，重启模拟器，就可以正常运
diejiankuai3444·2020-08-15 18:05

ionic4 tabs跳转不触发生命周期解决方案

被ionic4的路由跳转折磨了很久，试过很多土办法，总是不能完美的解决。
TX_Xavier·2020-08-15 18:19

ionic4如何打包成Andriod平台下的apk文件

目录（大致分为6个步骤）1.搭建环境2.安装AndroidStudio3.构建安卓平台4.构建项目5.解决cordova问题6.安装生成的apk文件7.注意事项前言发布需要用到的AndroidSdk和Gradle的确存在版本匹配的问题，但是执行下面的步骤程序会自适应版本1.搭建环境1.1安装nodejs。1.2安装npm/cnpm1.3安装ionic，安装angular1.4安装cordova输入
我能在河边钓一整天的鱼·2020-08-15 18:40

ionic4之lazyloading加载页面异常的问题

不使用lazyloading的情况下,页面是可以正常加载显示的。加了嵌套的lazyloading后，页面反而变空白了。查看具体html具体元素后，发现多了一个样式空白的ng-component:加载异常的页面代码是这么定义的:home.page.htmlhome.page.scss.home-content{width:100%;height:100%;background-color:#666!
moxiaomomo·2020-08-15 17:11

ios微信公众号，软键盘弹出后，input框焦点实际触发位置偏上，无法回归正常位置bug

环境：ionic4框架，ios微信公众号。问题：第一次点击input框正常，将弹出的软键盘关闭后，再次点击input框，无法聚焦，点击input上方位置，触发该input框事件。
Hydroism·2020-08-14 08:53
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他