Ionic3

Ionic3开发环境搭建-VS Code

一、Ionic3在VSCode中的开发环境搭建1.全局安装Ionic包npminstall-gcordovaionic使用ionic-v命令，查看是否安装成功2.使用ionicstartxxx命令创建Ionic3
天马3798·2020-08-22 18:30

Visual Studio Code 打包ionic3项目教程

1.添加平台ioniccordovaplatformaddandroid2.生成apk文件ioniccordovabuildandroid3.下载gradle-4.1-all.zip文件放到如下图所示的项目目录下。4.修改三个build.gradle文件将文件中的maven{url"https://maven.google.com"}用google()代替,三个文件如下图所示：6.将这个文件的内容
{firefly}·2020-08-22 18:22

ionic 3 vscode 在win10下 开发环境搭建

最近学习ionic3开发，按照官网介绍的方法做开发环境搭建，发现并不正确(还是2.0的），网上找到的一些信息也不对，因为Ionic版本从1.0到3.0变化很大。
soband_xiang·2020-08-22 18:52

ionic3 二维码扫描插件 （Barcode Scanner 和 Zbar和 QR Scanner）的战斗

三款ionic的扫描插件。各大博客都有他们的介绍，我也不想赘述多少。总结了下各大博主说的，反正是好坏都有，我给各位列个表格自己判断吧BarcodeScanner速度慢，样式机会为零Zbar速度快，ios样式几乎为零（槽点：连文字和木纹都会被扫描出信息被我们项目总监笑了多久。。。尴尬）QRScanner速度快，（点评：先抑后扬款扫描，好的东西都是最后说的，最重要是样式可定制。）话不多说，用插件肯定用
叫我多多酱·2020-08-22 17:51

ionic3 innerHTML 转义html标签

import{DomSanitizer}from'@angular/platform-browser';//引入exportclassSeetablePage{publicdetail="请求内容不存在";//这里是HTML样式的stringconstructor(publicsanitizer:DomSanitizer){}assembleHTML(strHTML:any){returnthis
慢慢非·2020-08-22 16:39

ionic3 解决Error: No provider for Http!

自己在使用ionic中http.get()方法时运行程序会报错Error:NoproviderforHttp!原因：没有将Http添加到根模块解决方案：在根模块AppModule中的providers:[]中。并在上面引用import{Http}from'@angular/http';如下import{Http}from'@angular/http';跟模块中加入：这个问题即可解决。然而，当我这样
仲夏夜之恋·2020-08-22 16:46

Ionic开发App中重要的部分

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

Ionic3/angular4 颜色选择器

通过h5canvas实现颜色选择器封装颜色选择器组件color-pickerA、color-picker.component.htmlB、color-picker.component.tsimport{OnInit,Component,Output,Input,EventEmitter}from'@angular/core';@Component({selector:'color-picker',
张旭超·2020-08-22 11:35

Ionic3项目实战

记录一些使用ionic3开发项目实战经验和功能解决方案。
bestvist·2020-08-22 10:59

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

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

ionic3蓝牙组件安装和检测蓝牙状态（typescript）

首先还是老生畅谈，打开网络和共享中心，查看自己是否有ipv6（可以访问外网），如果有的话，自然是好的，但是由于外网在部分情况下其实也是网速等问题下载不成功的，也可以使用只有ipv4的方法转为中文连接cnpm（npminstall-gcnpm--registry=https://registry.npm.taobao.org）npminstall-gcnpm--registry=https://re
是阿晋啊·2020-08-22 02:48

Module not found: Error: Can't resolve './app.module.ngfactory'

ionic3项目打包出来的APP启动时白屏时间过长，解决方案ioniccordovabuildandroid--release--prod执行命令时却报如下错误：Error:.
hope_2017·2020-08-22 01:02

[email protected] 刷新或者修改页面报错

QQ截图20180908234333.pngionic3.9.2刷新或者修改页面后报错如上图所示解决办法[email protected]@ionic/app-scripts@nightly
忆故人_9212·2020-08-21 22:18

ionic3 ion-tabs 颜色

$tabs-ios-tab-text-color-active:#f6670B;//设置点击后的颜色$tabs-ios-tab-icon-color-active:#f6670B;$tabs-md-tab-text-color-active:#f6670B;$tabs-md-tab-icon-color-active:#f6670B;variables.scss下
明天以后就娶你·2020-08-21 08:27

ionic3中隐藏子页面tabs选项卡的几种方法

在ionic项目中会有一些特殊的要求，比如不想使用模态框，但是又不想显示tabs栏。这样的需求如何才能满足？找了一些资料之后，总结列出来：第一种ionic隐藏全部底部tabs切换菜单的方法：隐藏全部子页面的tabs选项界面找到app.module.ts文件，修改如下代码：imports:[IonicModule.forRoot(MyApp,{tabsHideOnSubPages:'true'//隐
培佑哥·2020-08-21 05:03

Ionic3/4文件选择插件filechooser选择图片上传的问题

选择图库中的文件上传请看另一文章在移动项目开发中，使用的是Ionic框架，当中涉及到文件上传。开发思路：使用文件选择插件获取路径使用路径上传文件开发流程涉及到的组件有(Ionic官方文档)文件选择https://ionicframework.com/do...文件打开https://ionicframework.com/do...（在已上传的文件列表中可能你会使用上）文件路径https://ion
Guoye·2020-08-21 02:11

1.12 ionic3入门——可以滑动的按钮组

我要做一组按钮，他们并排在一列，一次只显示几个，我可以通过左右滑动来选择当前能够看到的按钮。说这好想好难～我直接上动图吧未命名2.gif就是这么一个功能，下面直接上代码（1）html任务{{item}}(2)css.group{ion-scroll{width:100%;height:40px;overflow-x:auto;}.plist{width:auto;}text-align:cente
杨啊杨_fb52·2020-08-21 00:21

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

ionic3 极光推送实例

公司项目需要增加推送功能，网上有很多文章，参考官方给的博客自己整理了一份参考文献：http://www.cnblogs.com/linsu/...第一步去官网注册开发者账号,生成自己的项目https://www.jiguang.cn/注：应用包名要与项目config.xmlwidgetid保持一致第二步添加jpush插件gitclonehttps://github.com/jpush/jpus..
Stevy·2020-08-20 20:52

ionic3 极光推送实例

公司项目需要增加推送功能，网上有很多文章，参考官方给的博客自己整理了一份参考文献：http://www.cnblogs.com/linsu/...第一步去官网注册开发者账号,生成自己的项目https://www.jiguang.cn/注：应用包名要与项目config.xmlwidgetid保持一致第二步添加jpush插件gitclonehttps://github.com/jpush/jpus..
Stevy·2020-08-20 20:52

ionic3使用百度地图

1.在百度地图申请ak码2.在项目中index.html中引用3.在你要使用的ts中添加declarevarBMap;4.在你的方法中就可以使用百度的api了例：vargeolocation=newBMap.Geolocation();geolocation.getCurrentPosition(function(r){console.log(r.point.lat,r.point.lng);})
Stevy·2020-08-20 20:26

ionic3使用百度地图

1.在百度地图申请ak码2.在项目中index.html中引用3.在你要使用的ts中添加declarevarBMap;4.在你的方法中就可以使用百度的api了例：vargeolocation=newBMap.Geolocation();geolocation.getCurrentPosition(function(r){console.log(r.point.lat,r.point.lng);})
Stevy·2020-08-20 20:25

ionic3 微信授权登录

1、安装微信插件ioniccordovapluginaddcordova-plugin-wechat--variablewechatappid=YOUR_WECHAT_APPIDYOUR_WECHAT_APPID就是你申请的appid注意：在微信开放平台创建应用的时候，appid是你的安装包签名的md5的值去掉冒号小写，如果这个不匹配，微信登录老闪退提示错误。2、组件中引入微信服务，定义。impo
张旭超·2020-08-20 20:13

ionic3 微信授权登录

1、安装微信插件ioniccordovapluginaddcordova-plugin-wechat--variablewechatappid=YOUR_WECHAT_APPIDYOUR_WECHAT_APPID就是你申请的appid注意：在微信开放平台创建应用的时候，appid是你的安装包签名的md5的值去掉冒号小写，如果这个不匹配，微信登录老闪退提示错误。2、组件中引入微信服务，定义。impo
张旭超·2020-08-20 20:13

ionic3 ctrl+s保存时报错throw er; // Unhandled 'error' event

环境[email protected]；[email protected]新建项目后ionicserve正常，修改代码后ctrl+s保存时报错image.png提示端口号被占用！原因可能是wsv.3.3.3和新版的chrome有点什么不愉快....换个浏览器就没问题了，但是我就想用chrome咋整？把ws换成3.3.2版本就好了，删除node_modules/ws文件夹重新安装npminstallws@3.
一脚门万·2020-08-19 02:56

ionic3 + angular5 添加http请求拦截器

注：此拦截器只能拦截HttpClient，不能拦截Http1、创建拦截器nggproviderinterceptor2、修改拦截器内容import{HttpEvent,HttpHandler,HttpInterceptor,HttpRequest,HttpResponse}from"@angular/common/http";import{Injectable}from"@angular/core
清月晨光·2020-08-18 07:04

ionic3 ionic cordova build ios报错 Cannot read property 'mergeAndUpdateDir' of undefined

项目从ionic2升级到ionic3之后打包iOS版本执行ioniccordovabuildios的时候会报错：ioniccordovaprepare>cordovaprepare✖Runningcommand-failed
晏紫苏_cc·2020-08-18 06:40

ionic3 图片缓存

注意：本次使用为下链中的版本配置(IO3)并亲测有效，实际中可根据版本情况，参考官方示例进行相关的更新改动：https://github.com/zyra/ionic-image-loaderhttps://github.com/zyra/ionic-image-loader/tree/60d7c863bbd946cb1413522d5a3d307132bc0a601、分别安装所需依赖npmiio
weixin_34356555·2020-08-18 05:44

Angular4.x+Ionic3 踩坑之路之Ionic使用指定IP地址启动服务器

Ionic使用指定IP地址启动服务器默认情况下，使用命令ionicserve启动服务器调试程序，必须通过localhost（或者127.0.0.1）来访问。这时手机无法访问该程序。所以我们需要通过本地IP的形式来启动。那Ionic在启动过程要怎么指定具体的IP和端口呢？其实ionicservewebpack给我们提供了一个启动帮助的信息我们可以使用Ionicserve-h来查看相关的信息从上图中，
weixin_34348805·2020-08-18 05:40

Angular4.x+Ionic3 踩坑之路之 Ionic3.x 拍照与图片上传

1.Ionic调用cordor插件Camera与cordova-plubin-file-transfer实现拍照及图片上传Ionic原生插件官方文档1）camera插件安装ioniccordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/camera复制代码2）FileTransfer插件安装ioniccordovapl
weixin_34273046·2020-08-18 04:56

Angular4.x+Ionic3 踩坑之路之 Ionic3.x pop反向传值

1.Ionic3.x页面正向传值关于正向传值，上一篇文章里面有讲，具体可以看这里segmentfault.com/a/11...2.Ionic3.x页面pop反向传值,主要有两种方式1.利用ES6提供Promise
weixin_33971977·2020-08-18 04:23

Angular4.x+Ionic3 踩坑之路之 Ionic3.x 界面传值

1.Ionic3.x中页面(组件)之间正向传值方式？这里所说的正向传值指的是如有两个页面，我们简称页面A和页面B,正向指的是A跳转到B,比如一个商品跳转这个商品的详情页面。
weixin_33704234·2020-08-18 04:28

ionic3.0--angular4.0 引入第三方插件库的方法

ionic3.0引入第三方插件(swiper)，方法很多，现详细说明下官方推荐（typings）做法。
weixin_30679823·2020-08-18 04:32

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

经过反复查阅资料，对比ionic3和ionic4工程配置（tsconfig.json）才发现，原来是使用了：ES6模块！
ty41232X32·2020-08-18 03:32

ionic3在ios和android平台上使用不同的样式方法

ionic3大部分样式在安卓和ios上市相同的，但是还是有一些细微的区别需要根据平台去配置不同的样式；使用方法是先导入import{Platform}from'ionic-angular';然后在构造函数里声明之后判断
陌痕·2020-08-18 01:58

ionic3 Actionsheet的使用

1.安装。使用时需要你已经安装好ionicAndroid环境ioniccordovapluginaddcordova-plugin-actionsheetnpminstall--save@ionic-native/action-sheet2.html代码actionsheetsActionsheet3.ts代码import{Component}from'@angular/core';import{
qq_34610497·2020-08-18 01:43

ionic3+angular4组件通信，1组件解决2需求

之前一直想不明白组件的复用性该怎样提高，总觉得一个组件就只能用一次，但经过这几天的折腾，终于开窍了，成功的将一个组件封装成满足2个需求的框框了。先简单介绍一下，这个案例大概是做什么的。本案例是以投票为需求展开的，满足的内容是一个组件不仅要能显示列表所有内容，还能满足搜索功能，能根据某一关键字搜索到具体的人。代码中最主要的是两个部分，一个是子组件封装，还有一个是父组件调用并传递相关信息，具体内容可以
ColourfulTiger·2020-08-17 19:32

Angular4.x+Ionic3 踩坑之路之二

1.ionic的安装ionic安装是基于Node.js安装还是很简单的，这里就不在作介绍。1）//安装（失败的话Mac尝试使用sudo，Windows尝试管理员身份运行cmd）$npminstall-gcordovaionic复制代码注:本人在安装过程最容易出现的一个问题是：Error:Cannotfindmodule'@ionic/app-scripts'主要问题为：这个问题的主要现象就是创建的
weixin_33744141·2020-08-17 19:02

Angular4.x+Ionic3 踩坑之路之打包时出现JAVASCRIPT HEAP OUT OF MEMORY的几种解决办法

最近开发的一个比较大型的App时打生产环境包是出现内存不足导致打包失败的问题。然后百度发现解决方法都是一样，自己试了一下都没什么暖用，心里只想用呵呵来形容了。最后经朋友介绍，技术问题还得去谷歌，gitub官网，果然问题真的找到了，而已也解决了，以下是给出几种解决方案:Ionicgithub官网解决方法一:(自己也是通过这种方法解决问题的，推荐)1.在package.json文件的scripts中添
weixin_34357267·2020-08-17 18:51

ionic3 打包apk，安装打开后一直停留在启动页面

问题：.app.component.ts中platform.ready().then(()=>{//Okay,sotheplatformisreadyandourpluginsareavailable.//Hereyoucandoanyhigherlevelnativethingsyoumightneed..statusBar.styleDefault();splashScreen.hide();
长弓文武·2020-08-15 20:36

ionic3之页面跳转的两种方式-yellowcong

在ionic中，页面条状主要有两种方式，1、通过在界面中[navPush]="morePage"的方式，2、通过代码的方式跳转，绑定事件(click)="pushMorePage()",通过调用这个事件的同时，我们可以在这个里面添加参数的传递，主要依赖于NavController,NavParams这两个组建代码地址https://gitee.com/yellowcong/ionic/tree/m
狂飙的yellowcong·2020-08-15 20:48

Ionic3 发布/订阅

Ionic3发布/订阅官网文档地址：https://ionicframework.com/docs/api/util/Events/发布import{Events}from'ionic-angular'
谢厂节_编程圈·2020-08-15 20:08

ionic3 tab实现自定义图片替换字体图标

Ionic自带的图标库固然提供了一系列的字体图标文件供开发者使用，但有时候不一定就能找到开发者想要的图标，而美工又设计出看起来漂亮的tab图标，那么这个时候就需要开发者想方设法的做到美工想要看到的效果了，找了N多资料，终于亲身试验过，可以使用自定义的图片来替换图标的方法，总结一下备忘。上代码：在app.scss中添加：.ion-tab-icon-base{width:20px;height:20p
清风掠影_XQ·2020-08-15 20:35

ionic3页面中点击某一个按钮去调用底部tabs的按钮

描述问题：ionic3项目中具体页面上的一个按钮点击后要跳转到点击tabs健后的跳转的页面贴图再次详细描述下需求如图现在是在我的这个页面上，点击上方那个待审批：1后相当于点击了底部的tabs的待审批按钮跳转到待审批页面里
晓洲丶·2020-08-15 20:14

ionic3 ionic serve build fail Error: webpackJsonP is not defined

ionic升级后发现ionicserve跑起来项目出现一下错误：RuntimeError:webpackJsonPisnotdefinedStack:@http://localhost:8100/build/main.js:1:1你可以参考这样做：rm-rfnode_modules在index.html中添加npminstall-gionic@latestnpminstall@ionic/app-
weixin_34409822·2020-08-15 20:17

Ionic3实现选项卡切换可以重新加载echarts

要求选项卡每切换一次，就加载对应的一个echarts图，要有一开始的动画效果效果如下：注意点1、echarts要想每次都能重新加载，需要移除"_echarts_instance_"属性，否则一切换选项卡，就再也加载不出来了2、在ts中获取html页面元素，不能写在构造方法里，应该写在ionViewDidEnter()方法里3、选项卡不要搭配[ngSwitch]的方式，因为这种情况下，只能获取当前选
weixin_34138521·2020-08-15 20:04

ionic3 中使用 environments

在ionic3中，与angular中不一样的，还有cordova这一层壳。
weixin_33948416·2020-08-15 20:27

ionic3-ng4学习见闻--(多环境方案)

搜了很久，很难找到一个详细入微，开箱即用的方案。于是我百折不挠的，搞出来一个，也不知道是不是最完美的方案，有什么可以优化的地方可以指出，谢谢。首先，1.项目目录下(与src平级)，新增config/webpack.config.js文件，内容如下:1varchalk=require("chalk");2varfs=require('fs');3varpath=require('path');4va
weixin_30872157·2020-08-15 19:11

ionic3 tabs 更改icon 自定义图标

1.第一步下载阿里巴巴矢量图标2.第二步拷贝文件到assets/fonts文件中如图：第三步引人iconfont.css文件到index.html中第四步在tabs.html文件中更改对应的icon名称代码中的icon-ic_sqjl，icon-ic_glkh，icon-ic_me是你对应的scss名称第五步：在tabs.scss文件中添加page-tabs{#anTabs{ion-icon{fo
weixin_30815427·2020-08-15 19:38
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他