ionic3

Angluar5+ionic3实践(三)

背景:这几天在做复宏汉霖的报表.用到了echarts.git到了一个新功能.三张报表.静态页面画了两天.今天来整理下学到的知识点.认识下echartsecharts官网地址里面有许许多多的图例.目前我需要用到的是饼图Pie和柱状图Bar.实践饼图Pie先看下实现效果:由上图可看出实际覆盖率用的是饼图.这里用到的就是echarts的Pie.实现逻辑:html页面代码:实际覆盖客户数10000人实际覆
Timor·2020-10-09 13:01

基于Ionic3实现选项卡切换并重新加载echarts

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

ionic4（一）：安装、测试、及打包

操作系统：win10一、卸载之前的ionic、npm、NodeJS等因为之前版本是ionic3npm出问题了，用命令卸载不掉，所以暴力卸载1.删除npm文件夹和npm-cache2.卸载NodeJS二、
七刀·2020-09-17 09:13

ionic学习（十）：ionic3项目打包成手机浏览器、安卓apk项目

主要目的：将ionic项目打包成手机浏览器的项目，可以测试扫描二维码等手机可用的功能。步骤：1.添加浏览器打包环境ioniccordovaplatformaddbrowser2.打包：ioniccordovabuildbrowser在项目中的platforms中的browser文件夹中就会有www文件夹，把这个文件夹部署到服务器即可。3.测试：以phpstudy为例测试打包好的项目本地：(外网不能
七刀·2020-09-17 07:22

ionic3常用命令

ionicstarttabTest--type=ionic-angularionicstartionic1blank--type=ionic1(安装ionic1项目)ionicstartionic3blank
阿龙sir·2020-09-17 07:08

Ionic3插件使用步骤

1.安装插件2.$ioniccordovapluginaddcordova-plugin-device3.$npminstall--save@ionic-native/device4.App.modules.ts导入3.import{Device}from'@ionic-native/device';4.providers:[5.StatusBar,6.Device,7.SplashScreen,
LEAUQEAAN·2020-09-17 07:13

ionic3随笔（一）

首先你需要确保你的电脑安装了node.js，git。。。然后创建一个空文件夹，在文件目录下执行命令（我用的VisualStudioCode，所以这里我直接在IDE里面的终端执行）：npminstall-gcordovaionic安装完如下：然后执行：ionicstartmyApptabs其中myApp是项目名称，tabs是使用的项目模板，然后出现选择的时候，第一个选择Y，第二个选择N就可以。然后进
赵海辛·2020-09-17 00:59

ionic学习(一)：创建组件并引用

ionic学习(一)--（四）是按照视频《Ionic3视频教程-Ionic3仿京东商城项目入门实战-大地》四节试听课和ionic2的一些视频后续视频是按照《Ionic3从入门到实战开发跨平台问答社区》相关视频做的笔记
七刀·2020-09-16 21:40

ionic3 微信授权登录

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

ionic3微信登陆完整版

一、准备工作1、cordovapluginaddcordova-plugin-wechat--variablewechatappid=YOUR_WECHAT_APPID--save；2、wechatappid需要去微信开发平台申请https://open.weixin.qq.com/；3、在创建app时最好检测自己的签名！里面有签名生成工具。https://open.weixin.qq.com/c
rolling_deep·2020-09-16 16:03

ionic3 项目中实现分享上拉遮罩的效果

效果如上图所示安装npmiionic-actionsheet2--saveionic-actionsheet2用于ionic3的一个组件：上拉菜单，样式与ionic框架官方给的上拉菜单样式略有不同，样式如上
chenkan1158·2020-09-16 14:41

ionic3 微信授权登录,APP微信分享功能 开发平台签名解决等 笔记

1、安装微信插件ioniccordovapluginaddcordova-plugin-wechat--variablewechatappid=YOUR_WECHAT_APPID注意这里wechat版本有可能会报错,wechat后面跟版本号2.3.0如果报错,就用[email protected]@2.1.0--variab
小银哥·2020-09-16 14:41

ionic3 使用微信登陆，分享

 首先去https://open.weixin.qq.com/添加一个应用得到appid用来使用插件cordova-plugin-wechatcordovapluginaddcordova-plugin-wechat--variablewechatappid=wx****************开通相关权限如登陆，分享，支付等。填写应用包名注：对应config.xml里面widgetid="com
weixin_33962621·2020-09-16 14:56

IONIC3关于微信分享和QQ分享

这是一个暂时还没有解决的问题，如果有人解决了望告知。1、QQ分享的插件需要安卓版本7.02、微信分享的插件需要安卓版本7.0以下。总结问题也就是说用了微信分享用不了qq分享，用了qq分享用不了微信分享。百度过，貌似没有一个解决方案，特此记录望后来者莫踩坑。
银二码·2020-09-16 14:58

Ionic3 Execution failed for task ':app:transformClassesWithDexBuilderForDebug'

https://stackoverflow.com/questions/49469511/ionic3-execution-failed-for-task-apptransformclasseswithdexbuilderfordebug
柯震惊·2020-09-16 03:41

ionic4找不到模块‘angular-ionic’

ionic4的页面上写弹框时需要引用，但是写了以下代码却报错了，错误为，找不到模块‘angular-ionic’import{AlertController}from'ionic-angular';这是因为ionic3
苏璐Lucy·2020-09-15 20:07

ionic3 日期比较

ionic中比较两个日期大小letovertime=this.returnVisitDetail.workVisitOutTime;//此处是接口返回的日期格式是yyyy-MM-ddHH:mm:ssletdataTime=newDate();//获取当前日期letcurrenttime=this.datePipe.transform(dataTime,'yyyy-MM-ddHH:mm:ss');/
你牛什么牛·2020-09-15 20:42

ionic3日历插件Calendar的使用

ionic3，可以使用Calendar插件，打开日历，并进行日程表的操作官网https://ionicframework.com/docs/native/calendar/安装插件ioniccordovapluginaddcordova-plugin-calendarnpminstall
程序员_小小·2020-09-15 19:14

ionic3、Angular4 定时器的使用

//声明变量applicationInterval:any;//定时器//使用定时器，每秒执行一次ionViewDidEnter(){letthat=this;letapplicationPageOpenData:number=parseInt(((newDate().getTime()/1000)+30).toString());letnowDte:number;this.nextBtnText
weixin_30455661·2020-09-14 16:05

ionic3 ion-select下拉列表

HTML：问题类型请选择{{typeData?.type}}ts:publictypeTxt:any;constructor(publicnavCtrl:NavController,publicnavParams:NavParams,){}/*选择select的value*/switchType(){console.log(this.typeTxt);}
py卡卡·2020-09-13 13:52

Ionic3 如何打包引入第三方css文件

当引入非Ionic标准插件时，会碰到需要独立引入JS与CSS文件。JS相对比较容易，但CSS需要修改打包配置文件。修改package.json,定义我们自定义的copy配置文件"config":{"ionic_copy":"./config/copy.config.js"},在工程根目录下新建config目录，添加copy.config.js文件，文件中写入：module.exports={cop
坑爹程序猿·2020-09-12 10:43

ionic3使用随笔

个人ionic小萌新，就最近用ionic写的前端页面遇到的问题进行下总结，方便自己日后查看，也为大家日后遇到相同问题能给个小小的提示，有什么不妥的地方还望指教（鞠躬，卖萌^_^）进入正题是公司想用ionic重新写一个app页面让我练手，我用的这种写法按照师傅告诉我的貌似是最新的（原谅我ionic几我不是很清楚@-@），所以遇到了几个问题网上找的解决方式都没用，那些写法拷过来run的时候都是黑屏，完
凛亦寒·2020-09-11 08:25

Ionic3 自定义组件实现图片懒加载效果

在使用ionic3的过程中，我们可以使用angularjs的组件特性进行组件的自定义开发，对一些特定条件下的需求开发对应的组件。下面我们就通过自定义组件来实现图片的懒加载效果。
花开花又谢·2020-09-11 04:04

ionic3+angular4 HttpClient封装优化

背景众所周知，angular4以后引入的HTTPClient为前端http请求带来了非常大的改进，它支持了与java类似的拦截器机制，通过拦截器，可以方便的对请求进行前置、后置及异常处理。但如果我们需要在不同的项目中使用这个拦截器，且有不同的业务处理逻辑该怎么办呢？步骤1.编写HttpProvider编写这个组件是为了提供一个简便的请求方法1.1生成HttpProvider组件ionicgprov
程序员孤风·2020-09-10 16:30

ionic3日志组件

背景我们在开发时都很喜欢使用console.*来打印出日志信息以方便我们调试代码，但是在上线时肯定是需要去除所有的console；但是大多数情况下开发者都会忘记移除console输出，这会带来生产日志风险。编写新增一个日志组件：loggerionicgprovierlogger修改logger.ts的内容如下：import{Injectable}from'@angular/core';import
程序员孤风·2020-09-10 16:29

ionic3问题之四制作launcher APP来解决开机自启动问题

这几天为了解决ionic的自启动问题,茶饭不思,寝食难安.终于搞定了.问题背景如下:问题原来的Android定制系统是4.4.2,自启动只需要弄个autostart插件就可以了,但是4.4.2有个致命问题,运行不够流畅,即使改了浏览器内核之后效果也满足不了要求,于是我把系统升级到了6.0.1.流畅性倒是大大提高了,然而自启动不能用了.这几天把autostart插件代码和Android广播相关的知识
时雨大人·2020-09-10 12:39

npm install -g ionic cordova 安装失败的解决方案

npminstall-gioniccordova安装失败解决方法：在安装ionic和cordova之前，先安装express按下列步骤：1)npminstallexpress2)npminstall-gionic3
Vito.ZJX·2020-09-10 12:21

ionic3嵌入极光推送JPush的全过程

插件从v3.4.0开始支持cordova-android7.0.0，因cordova-android7.0.0修改了Android项目结构，因此不兼容之前的版本，升级前请务必注意。如果需要安装之前版本的插件，请先安装v1.2.0以下版本（建议安装v1.1.12）的cordova-plugin-jcore，再安装旧版本插件（比如v3.3.2），否则运行会报错。因为我的cordova-Android的
shidouyu·2020-08-26 23:44

解决在ionic3上用JPUSH遇到的问题

极光推送在ionic3上无法注册别名，或者是注册了没有反应的问题：原因：之前用jpush插件时，一直是用以下进行安装：cordovapluginaddjpush-phonegap-plugin--variableAPP_KEY
shidouyu·2020-08-26 23:44

mac下 ionic3 自定义横向进度条渐变色设置

基于此进度条重复使用频率较高可以简单封装一下1.在根目录下创建组件$ionicgcomponentprogress-bar（可以随意起名字）创建成功后，会自动导入到components.module文件，如果自定义的组件需要用到ionic的组件，则需要在此引入IonicModule2.修改html（根据需求修改）直接上代码3scss文件3.13.24接下来ts文件（小白一枚垃圾代码有点多欢迎大佬指
it渣渣宇_0518·2020-08-26 16:20

ionic3+angular4的三方微信开发（登录and分享）

登录：1、在微信开放平台注册开发者帐号，并拥有一个已审核通过的移动应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。2、通过cordova添加微信插件；进入项目的目录下，运行命令ioniccordovapluginaddcordova-plugin-wechat--variablewechatappid=AppID（就是你申请的AppID）3、微信需要在编
weixin_30563917·2020-08-26 14:58

Ionic3学习笔记（十）实现夜间模式功能

本文为原创文章，转载请标明出处目录创建主题样式导入variables.scss创建provider创建page在App入口处应用主题效果图1.创建主题样式在./src/theme文件夹下创建theme.light.scss、theme.dark.scss2个文件，分别用于日间模式、夜间模式的设置。theme.light.scss:.light-theme{ion-content{backgroun
aigua1949·2020-08-25 06:21

Ionic3学习笔记（十二）拍照上传图片以及从相册选择图片上传

本文为原创文章，转载请标明出处目录安装插件导入app.module.ts创建provider更多效果图1.安装插件终端运行:ioniccordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/cameraioniccordovapluginaddcordova-plugin-telerik-imagepicker--var
aigua1949·2020-08-25 06:21

Ionic3学习笔记（十四）使用 videogular2 实现视频播放以及遇到的一些问题

本文为原创文章，转载请标明出处目录使用videogular2安装增加图标、字体支持导入module举个例子遇到的问题iOS端自动进入全屏播放Android端autoplay不起作用更多1.使用videogular2安装终端运行:npminstallvideogular2--savenpminstall@types/core-js--save-dev增加图标、字体支持videogular2GitHu
aigua1949·2020-08-25 06:50

项目总结关于ionic3中的ion-segment的总结

目前做的项目是ionic3和angular4.0的结合，所以用到了很多关于ionic3中封装好的标签，例如具有轮播效果的ion-slides和ion-slide等。
时~枫·2020-08-25 05:08

ionic3插件安装失败:checkPermissions/npm ERR!code ENOENT/ERRNO -4058

错误如图错误原因：用cnpm搭建的环境，cnpm与npm对文件读取的权限不同，造成了用npm安装插件时权限不足无法安装解决办法：重新搭建npm环境，再次安装插件即可
凌风x·2020-08-25 01:52

【Appetite】ionic3实录（七）次页实现及分析解决问题【上】

最近有点忙，好久没更新了，还好没人催稿，也没人想打我……这次我们要实现这个页面效果：image.png这个页面其实很简单的，唯一有点麻烦的是上面那个轮播图。现在开始实现这个页面，步骤如下：一、先创建数据在src/app/assets/data目录创建dessert-slides.json文件并添加如下内容作为轮播图的数据源：{"success":"true","result":[{"src":".
IT晴天·2020-08-25 01:45

ionic3学习记录之-网络请求

这个基本来说是所有项目都会用到都。单刀直入跟我做1.app.module.ts引入import{Http,HttpModule}from'@angular/http';并且在imports里面添加HttpModule好了，然后在你需要请求都页面2.引入import{Http,Response}from'@angular/http';然后在页面加载完毕生命周期函数里面写（当然你可以在其他地方调用都行
孤单的天使·2020-08-24 20:15

typescript深拷贝

最近在做ionic3的项目时，遇到了一个复杂对象被赋值给多个变量，其中一个变量修改后，导致所有其他变量都跟着改变了的情况。
修为有点低·2020-08-24 20:07

ionic3 时间选择器

1、安装npminstallion-multi-picker--save2、导入模块import{MultiPickerModule}from'ion-multi-picker';@NgModule({imports:[IonicModule.forRoot(MyApp),**MultiPickerModule**]3、html文件中引入4、数据constructor(){this.heightC
张旭超·2020-08-24 15:24

ionic3构建项目

首先需要安装Node.js，我们在接下来的安装中需要使用到其NPM工具。然后通过命令行工具安装最新版本的cordova和ionic。默认你已装好了AndroidStudio、Xcode。安装ionic$npminstall-gcordovaionic构建ionic项目命令格式：$ionicstart[][][options]常用创建命令(选择一种模板来创建自己的应用)：创建一个空白的只有导航栏的项
昵称经已被占用·2020-08-24 14:37

ionic3

app采用Ionic+Cordova模式进行开发。Ionic+Cordova的组合是一个跨平台的移动开发框架，属于HybirdApp开发模式。其中Ionic是一个前端框架，集成了AngularJs。Cordova本身就是一个跨平台的移动开发框架，可以将应用打包成各个平台下的应用。1、安装JDK，建议版本是1.82、安装AnroidSDK3、安装nodejs4、安装cnpm：npminstall-g
有机小白菜·2020-08-24 11:07

ionic3在jenkins中打包

需注意：ionic工程在jenkins中打包。在svn中不要上传node_moudules文件夹，通过cpnminstall--sava安装命令现附上项目例子打包：androidPath="${WORKSPACE}/platforms/android"echo"构建开始"cd${WORKSPACE}cnpminstall--save#混淆压缩开始cnpminstallgulp-uglify--sa
有机小白菜·2020-08-24 11:07

【技巧】ionic3的手势Gestures

临睡前写点东西，时间有限，又是一篇简单的文章，是关于手势的，因为白天有人问到。手势Gestures，ionic官网上的文档描述非常简单，就下面一段就没了，估计很多人看完直接就懵了：只有6个事件吗？手势.png我粗略搜索了ionic关于手势事件的文章，像pressup等内容的，居然没有，orz……ionic常常使用流行的库来补充自身，像slide组件就是封装了swiper，而手势是使用了另一个有名的
IT晴天·2020-08-23 14:32

ionic3 this.navCtrl.popTo()的用法

this.navCtrl.popTo()里面的参数需要填写viewcontroller对象，不能填写你的viewcontroller的名字。如何获取viewcontroller对象，举个例子：
厦门第一帅哥·2020-08-23 10:02

Ionic3学习笔记（五）动画之使用 animate.css

animate.css的使用animate.scss的使用1.前言animate.css是一款强大的、跨浏览器的预设CSS3动画库，内置了很多典型的CSS3动画，兼容性好使用方便，可以应用于我们的基于Ionic3
Metaphors·2020-08-23 03:46

【组件篇】ionic3分组索引及锚点滚动列表

先前写过另一篇文章《ionic3开源组件》，里面有一个分类我其实没怎么用过：锚点滚动列表ionic2-alpha-scrollionic2-indexed-scrollionic3-index-list
IT晴天·2020-08-23 03:41

来扯点ionic3[5] 轻松上手表单：这些组件可以玩一年

本系列文集：来扯点ionic3表单几乎是每一个应用程序中必不可少的一部分，在各类HTML教材中，表单也经常被拿出来作为独立一章来讲解，在ionic中，不直接使用input标签编写表单控件，而是有专门为仿真原生
忠叔·2020-08-23 02:09

ionic3之开发工具Visual Studio Code-yellowcong

VisualStudioCode（vscode）,这货用来开发ionic，我也是从同事那个地方得来的，我都不晓得ionic用啥ide工具开发，在这个地方就简单讲讲vscode的语言设置，以及汉化设置。第一次配置debug环境后和nodejs的，需要重启一下电脑，让环境变量生效，让vscode识别到。第二点，调试需要依赖于chrom浏览器。vscode下载地址#官方地址https://code.vi
狂飙的yellowcong·2020-08-22 20:13

解决添加codova plugin 编译出现问题：Execution failed for task ':processDebugManifest'.

问题背景：ionic3项目上，添加cordova-plugin-cszbar，编译运行在android平台上，结果编译不成功。出现以下问题。
weixin_34067049·2020-08-22 19:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他