IONIC3

ionic3 自定义toast样式

文件目录结构：在使用ionic3来写toast效果时，会有各种各样对toast样式的需求，在全局的app.scss中添加以下内容备注：（这里的样式也可以放置在组件的scss文件中，但是是独立开来的，不要嵌套在组件的
ColourfulTiger·2018-10-14 17:22

ionic3 自定义toast样式

文件目录结构：在使用ionic3来写toast效果时，会有各种各样对toast样式的需求，在全局的app.scss中添加以下内容备注：（这里的样式也可以放置在组件的scss文件中，但是是独立开来的，不要嵌套在组件的
ColourfulTiger·2018-10-14 17:22

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·2018-10-08 00:00

ionic3/ionic4 要配置android ios使用一套css样式

ionic3以上的版本android和ios的css使用同一套样式的方法如下：1.进入app.module.ts；2.修改app.module.ts的内容@NgModule({declarations:
liayn523·2018-09-28 16:39

ionic问题汇总

ionic版本：ionic3新建空项目，通过cordova打包android出错提示出现尝试adbkill-server，尝试后无效解决：来源cordovaplatformrmandroidcordovaplatformaddandroidCannotloademptyconfig.xmlfile
puzzledsky·2018-09-24 15:21

1.4 ionic3入门——leaflet地图

（1）新建页面ionicgpagemap(2)引入在app.module.ts引入map页import{MapPage}from'../pages/map/map';（3）跳转在需要跳转的界面引入import{MapPage}from'../pages/map/map';在跳转按钮动作中写入this.navCtrl.push(MapPage);（4）配置leaflet下载leaflethttps:
杨啊杨_fb52·2018-09-20 22:23

ionic4调用手机内部App

ionic4调用手机内部Appionic3升级为ionic4，有许多地方发生了重大的改变，由于现在ionic4还在处于bate版本，所以有很多地方还没有进行完善，现在就来讲一下在ionic4-bate版本中如何进行手机内部
C_fashionCat·2018-09-14 14:01

ionic3 -- ion-scroll 标签不滚动问题

今天在项目用使用ionic3标签实现照片滑屏滚动呈现的样式，但是出现了两个问题：1.在标签中放入照片数组之后，照片不显示；代买如下：原因是：未给ion-scroll标签设置高；2.图片显示了，但图片无法滚动原因是
liayn523·2018-09-13 14:00

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',
zxc19890923·2018-08-29 00:00

Ionic 3 升级 Ionic 4 迁移指南

Ionic3升级Ionic4迁移指南前言Ionic4包含现代WebAPI，如CustomElements，CSSVariables和ShadowDOM。
DemoPark·2018-08-13 00:00

ionic3图片选择+照相 目前最好用的插件+BUG修复

官方给的imagePicker插件不仅功能少而且问题多，所以师兄就在github找到了一个依然在维护的插件图片选择器，但是师兄安装使用之后发现BUG也很多。。。于是我花了一下午时间，看源码、修BUG（表示很痛苦。。。）但是功夫不负有心人，师兄成功了！！！下面给小伙伴们介绍一下这个imagePickerPlus的问题及解决办法1.点击图片返回后图片没有了。。。在触发ImagePicker.getPi
凌风x·2018-08-04 10:24

ionic3模拟token，实现登录拦截

原文出处：https://blog.csdn.net/ligaoming_123/article/details/80914202(建议阅读原文）1、在http服务里面管理token相关信息注意：要在每个请求中添加token信息（和后台）publicpost(url:string,params:any=null,successCallback,errorCallback):any{//此处使用的p
chelen_jak·2018-08-03 10:28

即将发布的ionic4有哪些激动人心的新特性

原文出处：https://beta.ionicframework.com/docs/introionic3
全栈弄潮儿·2018-08-02 10:00

Win10 配置ionic cordova 打包android apk 环境

前言Ionic3对官方的super模板项目打包成android的apk过程实验，踩了好多坑，在此总结一下使用的环境是windows10+jdk81、添加配置androidSDK坑1：在windows和macOS
idomyway·2018-07-29 22:44

macOS 配置ionic cordova 打包android apk 环境

前言Ionic3对官方的super模板项目打包成andriod的apk过程实验，踩了好多坑，在此总结一下使用的环境是macOS+jdk8打包过程1.为项目添加平台在ionic项目下执行ioniccordovaplatformaddandroid2
idomyway·2018-07-27 15:17

ionic3 图片选取imagepicker以及camera汉化

android:camera在android下不需要汉化，直接用就行imagepicker：在platforms/android/res下创建文件夹values-zh，其下创建文件multiimagechooser_strings_zh.xml文件内容：图片选择器还可以选择%d张图片打开图像数据库时出错,请反馈问题.请求缩略图，请耐心等待正在处理...请稍等...取消确定ios：carema汉化如
calmlc·2018-07-23 15:26

ionic3.x Code Push

一、是Cordovaionicnative的推送代码，热更新的插件，支持iOS和Android。更多信息参考：https://github.com/Dellos7/example-cordova-code-push-plugin声明：这个完全只是个人笔记，不是原创。
海边的愚人·2018-07-19 12:34

ionic3定位 （android）

项目中需要定位功能，一开始使用了cordova-plugin-geolocation插件，但是报错了而且这个插件返回的是经纬度，没有街道信息，想要街道信息的话需要通过其他的API来转换。然后又找了找，发现了百度的SDK所用插件：cordova-plugin-baidumaplocation上百度sdk申请android和ios（必须）的AK图1.百度sdk申请包名在android目录下的Andro
我代表咖啡·2018-07-10 18:16

BootStrap，AngularJS，Vue，weex，React Native，Flutter，Dart等App混合开发

--ionic一个基于Ionic3.xcordova的移动APPdemo-https://www.jianshu.com/p/5da7acd50f1f基于MUI构建一个具有90+页面的APP应用-https
desaco·2018-07-05 18:48

ionic3模拟token，实现登录拦截

1、在http服务里面管理token相关信息注意：要在每个请求中添加token信息（和后台）publicpost(url:string,params:any=null,successCallback,errorCallback):any{//此处使用的post模式为非严格模式，如果要使用严格模式，请把参数放在第二个位置覆盖nullreturnthis.http.post(url,null,{par
plia·2018-07-04 16:38

关于ionic3 + cordova 加入极光推送的步骤

极光推送官方已提供相关的插件地址：https://github.com/jpush/jpush-phonegap-plugin官方已说明此插件从3.4.0起，开始支持cordova-android7.0，并且不能向下兼容。那么低于7.0以下，都需要使用旧版本插件。否则会出现收不到推送，或者崩溃找不到包的错误我们看到在安装插件时会自动依赖另外的两个插件：注意：在ioniccordovaplatfor
niezixuan·2018-07-04 10:27

ionic3文件上传（android）

所用插件：cordova-plugin-filecordova-plugin-file-transfer可以实现单个文件的上传、下载，但是看了半天只能传文件，还有其他的数据怎么办？所以就去研究文件的传输类型了。在浏览器中用input获取的文件，属性下面有files的数组，里面文件是以二进制的形式存放的，还有文件的类型、名称和路径等。所以想着能不能在移动设备上把获取的文件转成二进制的形式再通过pos
我代表咖啡·2018-07-02 14:47

ionic3 多层返回至登录页面问题、退出登录直接返回登录页面

标红部分为关键代码import{NavController,App}from'ionic-angular';constructor(publicnavCtrl:NavController,privateapp:App,){}/***用户登出方法*@authorQC班长*@date2018-06-06**/logout(){this.loginUser.logout();this.cacheServ
QC班长·2018-07-01 20:28

ionic3中关于键盘的一些问题

解决方法：打开AndroidManifest.xml，发现Ionic3将android:windowSoftInputMode属性默认为adjustResize值，将属性值修改为adjustPan|stateHidden
阿飞_1217·2018-06-29 17:53

ionic3最小化并且监控到前台运行和后台运行

https://www.jianshu.com/p/9b884df812081.安装插件ioniccordovapluginaddcordova-plugin-appminimizenpminstall--save@ionic-native/app-minimize2.建立BackButtonProviderimport{AppMinimize}from'@ionic-native/app-min
fangquan1980·2018-06-28 10:06

cordova-plugin-baidumaplocation 在ionic3中的使用

如何使用1去百度api申请定位密钥https://lbsyun.baidu.com/index.php?title=android-locsdk/guide/create-project/key2在项目中添加支持github：https://github.com/aruis/cordova-plugin-baidumaplocationioniccordovaplatformrmandroidio
章秋实·2018-06-19 18:10

ionic Error InFontFamilyFont, unable to find attribute android:fontVariationSettings ERROR: In ...

android版本6.3.0这个问题困扰我两天了，在新的ionic3项目中，所有环境、插件、代码配置完毕，运行-ioniccordovabuildandroid就会报错如上图然后我发现在以前做的ionic1
凌风x·2018-06-19 11:14

ionic3学习之总结

简述ionic3学习了有段时间了。然后也在github上面找了好多相关的代码作为参考。最后自己也做了一个小的例子。这个也是在业余的时间学习的。最近需要去学新的东西了，这个就先记录一个里程碑。
Wayfreem·2018-06-14 00:00

更改ionic3 的package name

一、在项目目录下找到config.xml默认有这么一行，把"io.ionic.starter"改成你希望的包名，注意格式:com.myproject.mobile二、保存文件，然后删除platforms文件夹，别手软，整个删掉没问题三、打开命令行，ioniccordovaplatformaddandroidioniccordovabuildandroidioniccordovabuild--rel
瞧俺老孙的·2018-06-12 22:49

Ionic3 怎么打开第三方 app，最简单粗暴的方法

一、安装可检测APP是否安装的插件ioniccordovapluginaddcordova-plugin-appavailabilitynpminstall--save@ionic-native/app-availability二、安装可调用原生浏览器的插件ioniccordovapluginaddcordova-plugin-inappbrowsernpminstall--save@ionic-
咖啡学编程·2018-06-12 18:37

ionic3 轮播图不自动播放、切换页面以后再返回也不再自动播放

这几天在写一个b2b的app，然后发现首页轮播图不自动切换，然后各种网上找资料，终于解决了困扰我一生的问题。home.html1"initialSlide="0"loop="true"autoplay="2300"speed="1000">{{item.goods_name}}这儿划重点：*ngIf="slidess.length>1"判断一下轮播图是否有数据，我一开始没有判断，然后报错了。其次在
剪水做花飞·2018-06-08 18:00

Ionic 3 应用跳转高德地图 APP

首先检测我们的Ionic3应用是否安装高德地图APP，如果安装则打开该APP。
与蟒唯舞·2018-06-08 11:01

ionic

#一、ionic的安装运行1.安装nodejs2.npminstall-gcordovaionicnpmi-gcordovaionic3.创建项目ionicstartmyApptabs4.ionic-v
心灵泽尘·2018-06-08 00:34

ionic3学习之聊天界面开发

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

ionic3页面跳转步骤详解

前言：最近接手了一个公益A手机PP，由于第一次使用ionic开发前端，所以对好多功能不太熟悉，今天就解决了一个关于页面跳转的问题。一、创建页面：$Ionicgpagenew系统将自动建立以下文件二、注册module：在APP.module中注册页面的module.ts三、配置组件四、配置不会在模板中使用的组件小结：ionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobile
Adam`车龙梁·2018-05-31 22:48

ionic3 操作本地文件

下载插件依赖//选择文件ioniccordovapluginaddcordova-plugin-filechoosernpminstall--save@ionic-native/file-chooser//解析文件ioniccordovapluginaddcordova-plugin-filepathnpminstall--save@ionic-native/file-path//打开本地文件io
南京确善能·2018-05-31 16:03

ionic3学习之集成ChartJs图表控件

简介按照官方的说法：为设计和开发人员准备的简单、灵活的JavaScript图表工具。Chart.js是由社区共同维护的开源项目，提供8种可视化展现方式，每种方式都具有动态效果并且可定制。基于HTML5Canvas渲染图表，在所有现代浏览器（IE9+）上都有高效的绘图效率。可以根据窗口的尺寸变化重绘所有的图标，展现更加细腻。关于Chart.js2.0版本说明新增混合图标类型：混合并匹配条形图和折线图
Wayfreem·2018-05-31 00:00

ionic3 极光推送实例

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

Ionic3 单元测试Example（给Page增加单元测试等）

一.Angular单元测试https://angular.io/guide/testing进行Ionic单元测试之前，可以大概了解下Angular单元测试。这样可以帮助我们更好的进行Ionic单元测试。二.Ionictestexample下载地址https://github.com/ionic-team/ionic-unit-testing-example2.测试的名字和位置image.png如上
nick03·2018-05-29 16:28

最新动态: 开源项目 ionic3-awesome — 实现fullScreenVideo

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。
全栈弄潮儿·2018-05-24 13:00

Ionic二维码扫码插件QR Scanner不能扫描一维码问题

它的具体配置和使用可参考如下链接:ionic3使用QRScaner扫描QRScann
cangahi09025566·2018-05-17 14:28

ionic3中使用极光推送

极光推送使用方法：官网传送门：点我打开极光推送git一、因为极光推送使用的是cordova插件，所以我们要先安装cordova：npminstall-gcordova通过npm包管理器安装。检测cordova是否安装成功也很简单，在命令行输出cordova-v（-v是--version的缩写，代表检测版本）二、按照极光官网提供安装，有三种方式通过CordovaPlugins安装，要求Cordova
ngsave·2018-05-14 09:57

ionic3学习之Events

简介官网的说明：Eventsisapublish-subscribestyleeventsystemforsendingandrespondingtoapplication-leveleventsacrossyourapp.Events是一个发布-订阅式事件系统，用于在应用程序中发送和响应应用程序级别的事件。可以理解为：发布一个事件之后，可以将这个事件广播到整个工程的任何一个地方，只需要订阅就可以
Wayfreem·2018-05-12 00:00

ionic 操作dom（获取checkbox的参数）

目的：例如购物车的多选或者单选要获取checkbox的参数框架：ionic3准备：创建一个dompagehtmldom获取domtsimport{Component,ViewChild,ElementRef
候鸟_ywh·2018-05-11 11:57

ionic3获取经纬度，然后通过高德地图转换为城市名称

1、安装插件cordovapluginaddcordova-plugin-geolocation2、申请高德地图keyhttps://lbs.amap.com/3、index.html界面引入高德地图js文件4、获取经纬度declareletAMap;publiclPosition:any="";publicrPosition:any="";publicformattedAddress:strin
zxc19890923·2018-05-04 00:00

ionic3学习之懒加载

ionic懒加载简介使用懒加载能够减少程序启动时间，减少打包后的体积。并且懒加载是当点击，触发的时候才去加载，所以程序启动的时间比较快。配置懒加载需要以下几个步骤：1.给需要懒加载的页面配置module.ts；2.在对应页面的.ts文件里增加@IonicPage()特性；3.在app.module.ts移除页面引用；4.使用懒加载（在调用这个界面的地方，不import界面，使用string，组件名
Wayfreem·2018-05-04 00:00

ionic3学习之集成 ngx-translate

集成ngx-translate官方连接github：https://github.com/ngx-transl...Step1：安装npminstall@ngx-translate/core--savenpminstall@ngx-translate/http-loader--saveStep2：导入TranslateModule，首先导入TranslateModule在app.module.ts
Wayfreem·2018-05-03 00:00

Ionic3+GPS定位

我们今天来做一个ionic3版的GPS定位，我主要是参考ionic官网的简单例子来做的，不足请指教。
荣轩浩·2018-05-02 11:49

ionic3学习之Android返回键的处理

ionic3学习之Android返回键的处理provider简介了解ionic3的providerprovider是ionic自己定义的一个概念，类似于我们在angular上面的service。
Wayfreem·2018-05-02 11:14

ionic3学习之Android返回键的处理

ionic3学习之Android返回键的处理provider简介了解ionic3的providerprovider是ionic自己定义的一个概念，类似于我们在angular上面的service。
Wayfreem·2018-05-02 00:00
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他