IONIC3

ionic常用命令总结

声明小编使用的ionic版本是3.12.0，由于ionic3和ionic4改动幅度不小，所以我在新建项目的同时出现了很多的问题。小编也亲测了当前最新版本的ionic4.10，新建启动之类的没有问题。
刘桐ssss·2019-02-28 11:08

ionic常用命令总结

声明小编使用的ionic版本是3.12.0，由于ionic3和ionic4改动幅度不小，所以我在新建项目的同时出现了很多的问题。小编也亲测了当前最新版本的ionic4.10，新建启动之类的没有问题。
刘桐ssss·2019-02-28 11:08

ionic新建项目失败：node-sass/node scripts

问题版本：ionic3.12.0关于ionic的新建和配置，这里就不介绍了，推荐大家一篇博客写的非常详尽。
刘桐ssss·2019-02-26 19:23

ionic3自定义segment组件

首先爆一个Bug：极光推送收到通知，点击通知后，使用setRoot(page)方法设置导航控制器A的root页面，则A中的所有segment组件不切换。感觉上是html中动态值和ts中对应值绑定被解除了。附：定义变量i，并使用setinterval定时器i++,，然后在前台输出{{i}}。在打开通知后，这个i还是能够定时累加输出的，并且，每次刷新都会顺带把type也刷新一遍。上自定义segment
IT飞牛·2019-02-25 16:52

Android环境搭建及Ionic打包（win7）

本人刚刚接触Ionic3，初步进行打包操作，将其遇到的问题和整个流程记录下载，方便以后的巩固，也为小白们提供一个参考。
风雨流逝·2019-02-22 11:00

ionic3控制tab切换，打开指定页面

假如有页面A，A中包含一个tabs组件。tabs三个root分别指向B、C、D。每个tab拥有独立的导航栈。假如我通过A打开D或D中子页面，然后要切换tabs到B下面的子页面B1。lettabB=this.app.getActiveNavs()[0].parent.getByIndex(0)asTab;//获取C导航控制器lettabC=this.app.getActiveNav().parent
IT飞牛·2019-02-21 20:48

如何在Ionic3应用程序中实现自定义页面过渡

Ionic是编写自己的应用程序的绝佳框架。它基于Cordova和angular，使您能够快速编写外观漂亮的应用程序而无需太多精力。根据您用来启动应用程序的平台，Ionic甚至还带有预定义的页面过渡，以便将一个页面的导航设置为另一个页面。iOS上的标准页面转换是从左侧或右侧滑动。它看起来像这样：然而，Ionic页面转换的文档非常令人困惑，作为一个初学者，需要一些时间来了解哪些转换应该使用哪些转换。官
AngeloFan·2019-02-20 10:08

ionic3 调取相册并上传图片

调取相册ioniccordovapluginaddcordova-plugin-telerik-imagepicker--variablePHOTO_LIBRARY_USAGE_DESCRIPTION="yourusagemessage"npminstall--save@ionic-native/image-pickeryourmessage是一个说明/***选择图片*/imagePicker()
南京确善能·2019-02-19 16:41

Ionic开发App中重要的部分

写在前面APP赶在了春节之前上线了，所以这次我们分享一下使用Ionic3+Angular5构建一个HybirdApp过程中的经验。什么是HybirdApp以及一些技术的选型这里就不讨论了。
MARKORMARK·2019-01-30 00:00

ionic3使用百度地图API并定位当前位置

首先在ionic的\src\index.html文件中调用百度地图的api在ionic项目中打开终端，输入ionicgpagehome-map，就可以创建一个新的页面home-map（可自定义）页面，在home-map.html中添加如下代码位置信息[位置]西安市中心医院体检中心在home-map.scss文件中添加样式#map_container{margin:0;height:100%;wid
An_zhou·2019-01-29 18:48

ionic3开发企业微信之JSSDK接入以及invalid signature

首先吐槽一步，拿ionic3开发企业微信，绝对是坑王之王，其他不说，每次修都要build部署到服务器上进行调试，就可以让你抓狂~~~进入正题，ionic3采用单页面路由模式，Url都类似http://xx.xx.xx.xx
竹子_331a·2019-01-28 15:02

ionic3 Bug收集

1、ion-input、ion-textarea等输入框不能放在ion-row>ion-col中，否则底部会出现大片空白区域。只能放在ion-item中签发人意见改成：签发人意见打包到安卓手机上，底部还是会出现大片的空白，不知道是什么原因。最后没找到问题原因，就改用原生的textarea代替。加上ion-textarea的class。2、date管道在ios中失效date管道支持的时间字符串格式：
IT飞牛·2019-01-22 14:17

ionic3的安装，当你总是安装失败的时候看一看。

1.搭建JAVA环境当你进到这个帖子的时候相信你java环境已经搭建好了。如果没有的话可以去百度，那个比ionic好弄多了。2.NodeJS安装安装NodeJS指定版本@8.15.0不要说话。。。。。跟着走。（下载node-v8.15.0-x64.msi）推荐都是点击下一步下一步，为了避免不必要的出错。此时cmd查看node-v和npm-v3.打开React-Native官网执行以下代码npmco
光电园最靓的仔·2019-01-18 10:26

解决ionic4编译过慢的问题

ionic4中编译一次需要几十秒，远比ionic3久，在Github上看有没有人反馈这个问题，发现还真的有，而解决方法是：升级Node到版本10.10.0，同时NPM更新到6.4.1一试果然可以，重编译速度变为
IT晴天·2019-01-16 11:50

ionic 初学者引导(一)

讲解的内容为ionic3版本。
忘羡·2019-01-16 00:00

ionic3 ios权限配置

App需要您的同意，才能访问相册App需要您的同意，才能访问相册App需要您的同意，才能访问相机App需要您的同意，才能访问麦克风App需要您的同意，才能访问位置App需要您的同意，才能在使用期间访问位置App需要您的同意，才能始终访问位置App需要您的同意，才能始终访问位置App需要您的同意，才能访问日历App需要您的同意，才能访问提醒事项App需要您的同意，才能访问运动与健身App需要您的同意
strong90·2019-01-15 15:00

ionic3的http请求

最近在学习用ionic3+angluar4混合开发app，今天需要获取一个静态json数据，试了很多遍，终于成功访问到了。
An_zhou·2019-01-15 13:40

ionic3的http请求参数序列化provider 封装

新建httpproviderionicgproviderhttpSerimport{HttpClient,HttpHeaders}from'@angular/common/http';import{Injectable}from'@angular/core';import{ToastController,AlertController}from'ionic-angular';/*Generated
一脚门万·2019-01-11 14:56

ionic3判断项目进入前后台

鱼猫的个人博客上线啦！鱼猫的个人博客欢迎点击查看哟！参考资料javascript-howtocheckapprunninginforegroundorbackgroundinionic/cordova/phonegap-StackOverflow利用“Pause”和“Resume”事件。当应用置于后台或者切换到不同的应用程序时，pause事件触发。当应用程序从后台拖出时，resume事件触发。如何
鱼猫啊·2019-01-10 14:06

ionic3+angular4 HttpClient 拦截器

1、创建拦截器ionicgproviderinterceptor具体内容import{HttpEvent,HttpHandler,HttpInterceptor,HttpRequest,HttpResponse}from"@angular/common/http";import{Injectable}from"@angular/core";import{catchError,tap,mergeMa
l888c·2019-01-09 13:50

ionic4-抽取公共方法Loading

接下来看看具体的baseui.ts文件该如何创建：common  首先需要在src文件夹下创建一个common文件，小咸儿在里面创建了一个baseui.ts的文件，ionic4中的Loading方法和ionic3
陈新月-Phyllis·2019-01-06 21:33

ionic4- error TS2307: Cannot find module 'rxjs-compat/Observable'

Errorinnode_modules/rxjs/Observable.d.ts(1,15):errorTS2307:Cannotfindmodule‘rxjs-compat/Obserable’报错位置  因为小咸儿不是很清楚在ionic3
陈新月-Phyllis·2018-12-30 20:28

ionic3 返回上一页，并刷新

无参数通常情况，返回上一页并刷新，只需在上一页的Page生命周期（如ionViewWillEnter）中，调用刷新方法即可。本次介绍一种特殊情况的刷新处理：多页面情况下，Page2返回到Page1，而Page1是Tabs时，Page3是Page1的Tab。当Page3通过app.getRootNav().push()进入Page2时，Page2返回到Page1，那么Page3是不会触发生命周期的。
缄念·2018-12-27 17:32

ionic3 toastController使用封装

1.说明toastController是ionic官方提供的消息提示框组件，用于给用户操作后结果反馈和提示。官网地址：https://ionicframework.com/do...如下是默认的样式，项目中使用则需要去改变很多样式则需要讲解一些入参。2.使用控制台运行命令，创建服务ionicgprovicerToastService编写程序import{Injectable}from'@angul
liukai90·2018-12-21 00:00

ionic3 项目签名打包

参考地址https://blog.csdn.net/xqq580231/article/details/789304971.打包在自己的项目下E:\workplace\ideawork\ionic3\wangeApp
怒放de生命2010·2018-12-17 17:52

一些小技巧

1.ionic3修改端口启动多个项目https://blog.csdn.net/ligaoming_123/article/details/80856440方法：使用ionicserve启动时，默认有3
风去来兮_b7fe·2018-12-17 08:08

ionic3中用HttpClient方式进行请求数据

在使用angular时，接触最频繁的是http请求，一、不用考虑请求中含token的情况（1）get方式的请求如下：先配置headerthis.httpOptions={headers:newHttpHeaders({'Content-Type':'application/json;charset=UTF-8','Accept':'application/json'})};再进行请求this.ht
ColourfulTiger·2018-12-15 15:02

ionic3中用HttpClient方式进行请求数据

在使用angular时，接触最频繁的是http请求，一、不用考虑请求中含token的情况（1）get方式的请求如下：先配置headerthis.httpOptions={headers:newHttpHeaders({'Content-Type':'application/json;charset=UTF-8','Accept':'application/json'})};再进行请求this.ht
ColourfulTiger·2018-12-15 15:02

es6 箭头函数的this指向问题及模态框控制器服务层封装（ionic3 项目用法）

1、由于箭头函数不绑定this，它会捕获其所在（即定义的位置）上下文的this值，作为自己的this值，所以call()/apply()/bind()方法对于箭头函数来说只是传入参数，对它的this毫无影响。考虑到this是词法层面上的，严格模式（usescript）中与this相关的规则都将被忽略。（可以忽略是否在严格模式下的影响）因为箭头函数可以捕获其所在上下文的this值步骤：在服务层封装模
无名程序猿·2018-12-14 16:40

ionic3 BLE 低功耗蓝牙插件实现安卓/ios蓝牙开锁功能

之前公司项目需求是用Cordova+ionic3混编开发一个（工程类型的）APP，里面用到了低功耗蓝牙，要在android/iosapp端实现蓝牙开锁的功能。
搬砖的哈哈·2018-12-14 16:11

ionic3 沉浸式状态栏

预览TIM图片20181208181258.png环境测试机型：OPPOR15安卓版本：8.1靠ionic3原生的statusbar插件来实现这种效果是不可能的，由于网上找到的很多办法都只能实现半透明效果
夜风SAI·2018-12-08 18:29

ionic3 请求跨域问题

这几天一直被一个问题困着，没有跳出坑来，在不断的摸索中终于摸索出来了，问题是处理请求时遇到token过期问题，无法再次访问请求的内容，因为token过期会返回一个401的错误，但是状态码一直接收到的是0，这让人很头疼，但是在network里面查看的状态码仍然是401，于是去查看控制台，发现先打印了这个错误：CORS全称是“跨域资源共享”（Cross-originresourcesharing）解决
ColourfulTiger·2018-11-30 15:15

ionic3项目中调用手机自身摄像头，拍摄照片并上传

**ionic3项目中调用手机自身摄像头，拍摄照片并上传**今天我在研究ionic3手机App开发时，需要调用手机自带的摄像头拍照上传，在百度了一上午之后，***我发现：好多作者写的博客要么有头无尾，要么就是跟着操作一波后
爱吃糖炒栗子的girl·2018-11-29 14:52

Ionic 3 和 ionic3uitemplate第二次整合安装插件

//安装插件$ioniccordovapluginaddonesignal-cordova-plugin$npminstall--save@ionic-native/onesignal$ioniccordovapluginaddcordova-plugin-email-composer$npminstall--save@ionic-native/email-composer$ioniccordov
daqiang012·2018-11-26 12:23

ionic3 android端开发高仿微信多选图cordova插件（相册内带相机功能）---自己重新编写集成流程

ionic开发中,很多时候需要图片上传,这时候就需要集成拍照和选取图片的功能,如果用官方的cordova-plugin-image-picker插件,则会出现样式比较丑的情况,从ionic1.0到现在最新版本ionic3.9.2
cangahi09025566·2018-11-23 18:19

ionic+cordova混合开发app【一、环境搭建】

版本ionic3.9.2nodev8.12.0cordova6.5.01、node简介：1)Node是一个服务器端JavaScript解释器，它将改变服务器应该如何工作的概念。
AninZz·2018-11-23 15:49

ionic3关于页面返回时刷新segment中的子组件数据的方法

思路：1、ionic3中已知存在页面的生命周期函数，也可以找到ionic3中组件的相关生命周期函数。
Gospel元嘉·2018-11-20 17:54

ionic3 改编的list效果图

我们经常会看到app有很多列表项，但是不同的列表项有不同的形式，今天就这一常用的形式为例，来制作一个改编的list效果图具体效果如图所示：就是这种有隔断的列表，可以将不同的东西归为一类，但是彼此互补干扰，还能很协调的展示出来。具体的代码如下：html部分我的主页我的信息-->我的主页scss部分如下//自定义列表显示内容$height:40px;//list的总高度$content-height:
ColourfulTiger·2018-11-15 19:01

ionic3 +Jpush极光推送

1.先在极光官网注册账号，并创建应用并设置应用包名，注意应用包名与config.xml的id一致，然后获取应用的APP_KEY。官网网址：https://www.jiguang.cn/push2.安装JPush插件,github地址：https://github.com/jpush/jpush-phonegap-plugin有3种安装方式（3选1），可以在官方网站上查看：我用的是第一种安装方式(记
Rainie_Poon·2018-11-13 10:47

ionic3入门——返回上一页面并刷新

在我们实际使用中往往有这么一种需求：当你进入子页面操作之后，返回要刷新父页面的内容。比如，我做了一个笔记功能，在笔记父页面里（A），内容是我保存的笔记，这个时候我点击添加笔记，跳转到添加笔记页面（B），我写好我的笔记之后点击保存，这个时候跳转回我的笔记父页面，我要父页面的内容显示了我刚刚添加的那一则笔记。（1）在A页面和B页面中也别引入Eventsimport{Events}from'ionic-
cangahi09025566·2018-11-09 17:17

Couldnt connect to the sever(http://localhost:8080/) neterr_connection_refused

ionic3cordova安卓软件安卓设备android4.4.4会出现这个问题出现neterr_connection_refusedhttp://localhost:8080/Couldntconnecttothesever
JsonBooo·2018-11-09 12:19

ionic3项目引入腾讯X5内核解决系统webview的一系列问题

系统webview的问题虽然安卓系统4.x之后已经切换到了chromium内核,但是依旧存在性能低下,不同版本页面渲染效果不一致的问题,特别是我们的设备属于定制系统,系统版本为5.1,在该版本上,存在一个严重的内存泄露的问题,如果高频的分配变量,则内存回收会出现问题,拷机发现约20个小时会泄露800M,由于我们的设备需要监测传感器每秒的数据变化,该问题会直接影响我们设备的稳定性,如果无法解决,整个
时雨大人·2018-11-02 16:26

ionic3 制作九宫格效果

我们在app中常会看到一排类似九宫格形式的图标，它们可以引导我们执行自己需要使用的功能，那么这个清新亮丽的九宫格效果是怎样制作出来的呢？接着往下看吧。代码部分如下：（1）html部分：采用的方式结合了ionic与html两种，混合开发。{{item.tip}}{{item.tip}}（2）scss部分：这部分是使用图标放大后的效果，让图标占满背景，突出不一样的效果。.iconBox{text-al
ColourfulTiger·2018-10-29 22:13

ionic3 全局变量的定义方法

在编程中少不了会使用到全局变量，今天谈到的是ionic3和angular4配合使用搭建app时用到的全局变量的方式，具体的搭建方法如下：1)直接在app中新建一个config.ts文件2）在需要使用全局变量的组件中这样引用
ColourfulTiger·2018-10-29 22:44

ionic3 全局变量的定义方法

在编程中少不了会使用到全局变量，今天谈到的是ionic3和angular4配合使用搭建app时用到的全局变量的方式，具体的搭建方法如下：1)直接在app中新建一个config.ts文件2）在需要使用全局变量的组件中这样引用
ColourfulTiger·2018-10-29 22:44

ionic3 实现拍照与从相册选择功能

参考了很多网上的资料，但是每个人遇到的问题都不一样，我这里出现的问题，可能是node版本，还有插件版本之类的问题，问题以及解决方式可以看这个图。一、插件依赖引入（1）配置相机在控制行输入命令：ioniccordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/camera在app.module.ts问价中配置信息impor
ColourfulTiger·2018-10-29 22:56

ionic3 实现拍照与从相册选择功能

参考了很多网上的资料，但是每个人遇到的问题都不一样，我这里出现的问题，可能是node版本，还有插件版本之类的问题，问题以及解决方式可以看这个图。一、插件依赖引入（1）配置相机在控制行输入命令：ioniccordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/camera在app.module.ts问价中配置信息impor
ColourfulTiger·2018-10-29 22:56

ionic3 android release签名步骤

生成android的签名文件keytool-genkey-v-keystoreyour_name.keystore-aliasalias_name-keyalgRSA-keysize2048-validity10000your_name:签名库的名称alias_name:别名keysize:大小validity:有效日期2.将上一步生成的签名文件复制project/platform/android
淡漠半世盛糖·2018-10-16 15:21

ionic3 登录返回实现案例（解决tabs底栏在返回后显示的问题）

在制作登录、注销功能时，很容易出现tabs底栏在注销后仍然显示的问题，查阅很多资料，但是很多信息都是支离破碎的，虽然有人解决了这个问题，但是由于描述不清，大量有用的信息被隐藏在解决办法的背后。经过整理，以及本人亲测成功，将要点整理如下：如果您在看完之后尚未理解，可以见示例部分完整代码：https://download.csdn.net/download/colourfultiger/1071993
ColourfulTiger·2018-10-14 18:56

ionic3 登录返回实现案例（解决tabs底栏在返回后显示的问题）

在制作登录、注销功能时，很容易出现tabs底栏在注销后仍然显示的问题，查阅很多资料，但是很多信息都是支离破碎的，虽然有人解决了这个问题，但是由于描述不清，大量有用的信息被隐藏在解决办法的背后。经过整理，以及本人亲测成功，将要点整理如下：如果您在看完之后尚未理解，可以见示例部分完整代码：https://download.csdn.net/download/colourfultiger/1071993
ColourfulTiger·2018-10-14 18:56
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他