ionic2

Ionic2 使用loading组件实现下载进度显示效果

一般的loading组件在官方提供下没有说明怎么去动态改变content内容，所以不容易实现进度条的效果。一般代码letloading=this.loadingCtrl.create({spinner:'hide',content:'...'});loading.present();为实现加载进度的效果其实官方提供了方法的，只需要通过loading.data.content就可以动态去改变cont
待花谢花开·2020-04-14 03:38

ionic2 生命周期钩子

ionViewWillEnter：即将进入一个页面变成当前激活页面的时候执行的事件。可以理解为将要进入（还未进入）ionViewDidEnter：进入了一个页面且变成了当前的激活页面，该事件不管是第一次进入还是缓存后进入都将执行。可以理解为已经进入ionViewWillLeave：将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。可以理解为将要离开（还未离开）ionViewDidLeav
酸辣粉儿·2020-04-13 05:56

Ionic2实战-注册登录模块开发

前言从今天开始将着重对APP的部分核心业务模块实现思路进行着重介绍，今天首先来介绍的是注册登录模块。注册登录模块为什么重要呢？今天我们所使用的95%以上的APP都是需要登录的，因为只有建立了账户体系，APP才能够长远的发展。思路1、用户点击登录按钮以后以模态页面的形式打开登录页面，为什么要用模态页面呢？为了保证系统路由不乱，登录完以后还能返回用户登录操作以前的页面；打开登录页面的代码如下：letm
逃离火星·2020-04-13 02:12

Ionic2实战-图片上传功能开发

前言本模块主要实现了通过APP页面向后端上传图片文件的功能，需要前后端配合完成，工作量大概各占了一半吧。实现思路为首先前端上传图片文件流给后台，后端拿到图片文件以后直接保存在七牛云存储上，七牛会生成一个图片的url，后端将此url返回给前端，前端在提交整个表单的时候带着该url，url即代表该文件。步骤1、定义文件上传工具类fileUpload.service.tsimport{Injectabl
逃离火星·2020-04-12 19:46

Ionic2探索始篇

本文主要是以Ionic2官网的文章基础，总结出自己的学习感悟Ionic2框架及其各部分Ionic2Ionic2专注于以标准的HTML、CSS和JavaScript来构建移动站点，并可以通过Cordova
被代码耽误的机车手·2020-04-12 10:50

ionic2/3实战-自定义http拦截器

2017年6月11日注:本文的实现方式是代理了angularhttp,现在有一个轻量级的实现,只需一个ts文件,完整代码看这里两种方式各有有点,各位自己斟酌,建议用轻量级的实现方式为什么要http拦截器想拦截所有http请求,在全局范围下处理异常想在请求前显示一个loading,请求完成关闭这个loading所有http统一传token直接上代码我的app.module.ts完整代码,注意看代码后
小军617·2020-04-11 17:50

Ionic2实战-图片点击缩放功能开发

前言作为一个功能完备的APP，难免需要显示一些图片，而现在的图片通常尺寸都特别大，需要点击放大以后才可以完全看清晰，所以就添加了图片点击缩放功能。默认情况下，图片都是以缩略图的形式展示，文件大小也是按照缩略图的清晰度下载。当用户需要放大查看的时候则可以单击图片，会自动下载最新的大图，然后全屏显示。实现本功能完全是依赖开源朋友们无私的贡献，使用了GitHub上开源插件ionic-img-viewer
逃离火星·2020-04-11 07:59

Ionic 2 ：如何实现列表滑动删除按钮

这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式。本教程将涵盖创建这个滑动删除按钮所需要的一切。
孙亖·2020-04-09 16:59

cordova ios 插件 回调函数 赋值 ionic2 双向绑定实效

cordova开发的iOS插件，在回调函数中获取到值后，赋给变量，变量使用的是angularjs2,进行的双向绑定，即变量值️变化直接反应到页面上。但是我们OC回传给JS前端的值已经有了，前端也收到插件回传的值，就是在回调函数里面赋值的时候，不能双向绑定到页面，即页面的值没有及时更新，需要失去焦点才能更新值，于是查询资料需要this.cd.markForCheck();／／必须引入，标记检查thi
神的旨意·2020-04-09 06:31

Ionic2-解决在使用slides的时候autoplay、loop等Input Properties报错问题

在我使用ionic提供的最新slides组件的时候，在使用autoplay等属性的时候![]({{slides_image.image}})遇到以下报错信息：RuntimeErrorCannotreadproperty'hasAttribute'ofundefinedTypeError:Cannotreadproperty'hasAttribute'ofundefinedatautoplay(ht
待花谢花开·2020-04-08 22:05

Ionic2实战-APP如何生成推广链接进行多渠道推广

前言APP上架完应用商店是不是就万事大吉了？当然不是，上架完你还要推广呀，否则也是无人问津的。那么怎么让自己的应用最便捷的触达目标用户呢？等着用户自己在应用商店根据应用名字搜索下载吗？那可就真完了。目前来看，最便捷的触达媒介就是APP下载链接和二维码。下载链接线上用，二维码线下用。今天我们就来说一下APP如何生成推广链接进行多渠道推广，本次链接生成使用的是腾讯开放平台的“微下载”功能，当然自己开发
逃离火星·2020-04-08 00:10

ionic2 -- 分页

界面：js：doInfinite(infiniteScroll){console.log(this.pageIndex++);if(this.isLoadOver==true){infiniteScroll.enable(false);this.presentToast();return;}this.infiniteScroll=infiniteScroll;this.initCouponList
林ze宏·2020-04-07 21:54

Ionic2实战-Web网页版编译部署

前言作为一个WebApp，最直观的体现就是Web网页的形式，Web的好处就是部署简单，更新方便，跨平台，可以任意接入流量入口进行导流。简直是继承了互联网的所有优点，唯一的缺点就是用户体验、操作流畅度不如原生App，使用时需要下载，不过在手机性能越来越强大和移动网络越来越快的大趋势下，这两点都逐步得到了解决。Web网页版编译部署步骤1.编译源代码ionicbuild--prod在项目根目录下执行以上
逃离火星·2020-04-07 15:16

ionic2 安卓物理按键的一点小发现

前一久在做一个以ionic2的小项目，在安卓真机调试中遇到了一个小问题，就是类似时间选择器、城市选择器、弹窗等没有办法被返回，找了好长时间资料没有头绪，最近忙于考试，在空闲时间又找，发现了一篇文章，找到了解决方法
胡哈哈胡·2020-04-07 14:33

关于ionic介绍

这是一张ionic知识流程图ionic.png资源介绍ionic1.xangular1.x(angular1.x也叫angularJS)建议直接学ionic2.x以上Ionic2优于Ionic1.x的区别
ducks·2020-04-06 05:14

Ionic 2安装与使用

Ionic2应用使用IonicCLI(Ioniccommandline)创建，使用Cordova打包成本地应用。在安装IonicCLI之前，需要先安装Node.js。
Clark_new·2020-04-06 01:13

ionic2实战-重构HttpService

前言由于之前对Rxjs的Observable不熟悉,旧的HttpService使用Promise,经过学习发现Rxjs相对Promise强大很多,遂统一使用RxjsPromise对比Observable可以看这里也可以看这里大漠穷秋的视频-服务端通讯与RxJS,总结了以下三点代码传送门使用以前是构造函数注入AngularHttp,现在注入HttpService,然后调用对应方法就行了//使用前co
小军617·2020-04-06 01:27

ionic2/3常见问题-的值是字符串,并且是使用ISO 8601日期格式作为其值

问题重现当给赋值时,格式不对就显示不出来,如下图,点击图片放大看解决问题查看DateTimeAPI得知.的值是字符串,并且是使用ISO8601日期格式作为其值ISO8601日期格式为:YYYY-MM-DDTHH:mmZ,其中T是分隔符,Z表示时区,看下图当不指定时区,newDate()格式化时间会多加8小时,北京时间指定时区为+08:00,这时候用newDate()格式化字符串为日期格式才能输出我
小军617·2020-04-05 15:56

ionic2自定义插件与插件的调用

摘要ionic2提供的nativeapi已经相当丰富，调用手机相机、调用本地SQLite等。但是事实上有些特殊的需求，还是需要我们自定义插件。我们目前的androidPDA集成了二维码扫描功能。
蓝山牧童·2020-04-05 13:55

ionic2的打包，从调试到发布 --Android

以下内容的前提是ionic2得环境搭建好，包括SDK下载androidplatform有两种模式，一种是debug，一种是release如何生成签名如何自动签名--prod的优化启动速度1.添加Android
欢乐的乐·2020-04-05 04:34

ionic2(仿单糖app)-03项目模块化

设计结构如下模块化设计其中component.module是公共组件的模块。虚线的base.module是暂时没有实现的模块,里面应该包含所有项目都能通用的一些服务、组件等。代码结构如下代码模块结构根模块内容import{NgModule,ErrorHandler}from'@angular/core';import{BrowserModule}from'@angular/platform-bro
阿飞_1217·2020-04-04 21:57

ionic2-部署测试

使用ionic-serve在浏览器或者直接在模拟器中测试App时很方便的，但是在App发布前，我们还要做真机测试的，因为许多IonicNative插件只有在真机上才会起作用有效果。启动服务，在本地chrome调试ionicserve打包debug的apk在打包时候需要联网下载gradle，多数会下载失败，可以修改ionic-pro/platforms/android/cordova/lib/bui
Look_a_Look·2020-04-04 04:39

如何从 ionic1 迁移至 ionic2

ionic2是基于Angular2之上重写的全新框架。所有你已知的关于的Angular的部分仍然存在，但是也有一些作为开发人员仍要了解的新的语法和结构性变化。在ionic2中有很多已经很熟悉的东西。
全栈弄潮儿·2020-04-03 20:50

ionic2实战-按模块划分app,创建多module

bug在ios真机上会导致按钮、checkbox等被点击多次,有几个子module就会触发几次.所以只保留主module(app.module.ts)上的forRoot(MyApp)修改前修改后背景用ionic2
小军617·2020-04-03 09:30

Ionic2 打包压缩(aot、uglify、TreeShaking)

自Angular2推出以来，Ionic则是紧随其后推出了Ionic2，Ionic不仅仅能够写出高质量高体验的APP，同时其提供的美观的UI框架在实际的网页也是应用广泛，然而，却存在一个要紧的问题，那就是它要依赖的包过多
zxqian1991·2020-04-03 04:15

关于ionic的Native插件

从ionic1到ionic2的变化就不在记录，记录一下ionic2到ionic3之间的变化1.在ionic2刚开始的时候（可能到ionic2正式版刚出来的时候也是，记不清了），ionic的Native是集中在一起的
谢大见·2020-04-02 19:25

ionic2导航问题

只是个人记录，一般人也不大会碰到我这样的问题。异常描述:页面A,B,C，从A页面点击按钮push到B页面，再从B页面点击按钮(btnNext)push到C页面，然后C页面点击自己做的一个返回按钮pop到B，B页面也是点击自己做的一个返回按钮pop到A页面，这时候问题出现了，返回到A页面后又自动跳转到了C页面。错误原因:B页面的返回按钮放在了btnNext按钮所在的表单里，当点击返回按钮时，先调用了
棒闹水帘洞·2020-04-02 12:59

用nodejs实现在ionic的hooks文件夹下对文件夹的粘贴和复制

在Ionic2中的hooks中放入自定义脚本来执行cordova命令。
Renbq·2020-04-01 22:19

ionic2 与 iOS 互相传值的最简单方式

本文代码是以iOS为示例的,安卓也同样适用,详情请参考链接:***https://github.com/bsorrentino/cordova-broadcaster***本篇文章主要探讨ionic2与
阡陌不言·2020-04-01 03:21

从0到1开发一个基于Ionic2的物流App

初衷跳槽以后来到了新的公司，新的项目，每天朝九晚五，终于摆脱了以前朝九晚九的加班生活，谁说程序员就必须加班了，感觉自己作息也变得正常了起来。空余出的大段时间拿来干什么呢？闲不住的小少年就想着自己做个啥，嗯，做个APP吧，毕竟PC已经是上个时代的事情了，人工智能AI、大数据啥的咱也不懂，又作为一只喜欢抢热点的全站攻城狮，就自己动手撸前后台代码搞一个APP吧，没事装在手机里玩儿也可以装装逼嘛是吧。说干
逃离火星·2020-03-31 22:14

ionic2 click事件 延迟问题

Ingeneral,werecommendonlyadding(click)eventstoelementsthatarenormallyclickable.Thisincludesandelements.Thisimprovesaccessibilityasascreenreaderwillbeabletotellthattheelementisclickable.However,youmayn
葛高召·2020-03-31 14:25

Ionic2实战-Cordova插件安装

本节我们讲一下Ionic2里面Cordova插件的使用。Ionic2的Cordova插件分为两种，1、官方包装过的，2、第三方的。使用方式有很大的不同。
逃离火星·2020-03-31 06:37

Ionic2实战-框架和模块目录结构说明和设计

前言当我们初始化完项目以后是不是就可以愉快的进行开发了？好的，Idea打开项目，等等，这些文件和目录都是啥意思，如下图：项目初始化以后的目录结构似不似很凌乱，所以为了后续能够愉快滴进行开发，我们先来介绍下各个文件和目录的作用。整体目录结构详细说明由上至下依次介绍node_modules存放前端node模块类库的地方，执行npminstall命令以后系统自动生成platforms包含Android和
逃离火星·2020-03-31 01:25

安装 Ionic2 运行环境

--registry=http://registry.npm.taobao.orgnpminstall-gcnpm--registry=http://registry.npm.taobao.org安装Ionic2cpminstall-gionic
ahcj_11·2020-03-30 07:19

Ionic2 调用本地SQlite

需要说明的是SQLite是手机内置的数据库存储方式，在Ionic2中需要安装相应的插件和安装包。过程很简单第一步安装插件、并加入项目$ionicpluginaddcordova-sql
蓝山牧童·2020-03-30 03:18

ionic2 极光推送 （iOS）

首先需要申请极光开发者账号并且创建一个app应用，创建之后需要上传.p12格式的证书，拿到APP_KEY通过CordovaPlugins安装，要求CordovaCLI5.0+：cordovapluginaddjpush-phonegap-plugin--variableAPP_KEY=your_jpush_appkey官方给的是API_KEY我这里用APP_KEY成功了。下一步安装jpush包np
Jarvan丶·2020-03-29 12:56

Ionic2 安装

原文地址：http://ionicframework.com/docs/v2/getting-started/installation/Ionic2应用的创建和开发首先要通过Ionic命令行程序（“CLI
Shmily落墨·2020-03-29 08:32

ionic2从RC2升级到2.2.0的一些问题

自从去年8月份用ionic2以来一直爬坑不断，从Beta版升级到rc.1几乎将项目里面每个文件改了个遍。后来为了稳定一直rc.2版到现在。
lixiaohao·2020-03-28 08:31

ionic2- 导航页面

Page页面在angular语法上也是一个组件，所以同样有@Component装饰器，但是其selector属性可以省略（selector属性可以用于在sass文件中覆盖默认样式）在ionic中，所有页面像一个stack来存储，使用push向其中加入一个新页面并导航到该页面，使用pop可以移除最顶端的页面，返回前一个页面。我们也可以使用URLs来导航到不同页面可以通过给设置root属性，可以添加默
Look_a_Look·2020-03-27 16:34

ionic2/3管道pipe

管道相关的资料：https://www.angular.cn/docs/ts/latest/guide/pipes.html基础介绍：管道可以在模板中转换显示的内容。管道把数据作为输入，然后转换它，给出期望的输出。自定义组件如下：import{Injectable,Pipe,PipeTransform}from'@angular/core';@Pipe({name:'numtotimePipe'}
谢大见·2020-03-27 12:59

Ionic 2 添加页面

现在我们已经基本知道了Ionic2app的布局，接下来我们来走一遍在我们的app里创建和导航页面的过程。先看看src/app/app.html,接近底部的地方有如下内容：注意[root]属性绑定。
孙亖·2020-03-26 03:05

Ionic2实战-如何使用阿里字体图标库

前言字体图标以其易于使用、加载高效等特性成为前端开发越来越常用的Icon解决方案，Ionic2框架也附带了丰富的字体图标库，大部分情况下都够我们使用。
逃离火星·2020-03-26 00:26

ionic2 中使用scss

照着ionic2官方模版中操作新建了一个scss文件，发现这个scss文件并没有效果。
陈SunMoon·2020-03-25 22:09

ionic2起步-环境配置

本文都是基于苹果系统（遇到无权限错误，请sudo）学习文档：https://www.gitbook.com/book/yanxiaodi/ionic2-guide/details1、更新brew（安装brew
chenhongbinjs·2020-03-25 16:56

ionic2中如何使用自动生成器

ionicgenerator是命令行的功能，ionic2自动帮我们创建应用程序，从而节省了大量的时间，并增加我们的速度来开发一个项目的关键部分。
林ze宏·2020-03-25 01:46

Ionic2/3常见问题-app统一为ios模式border不显示

前言这个问题只出现在app统一mode为ios,在安卓手机上有显示问题问题描述如下图,同一个app在不同的android手机上显示的border有问题原因ionic2使用了带小数点的border-width
小军617·2020-03-24 03:46

ionic2 常用指令 与属性绑定

npminstall-gcnpm--registry=https://registry.npm.taobao.org（npm镜像源指向淘宝）cnpminstall-gcordovaionic（安装cordovaionic）cnpmupdate-gcordovaionic（更新cordovaionic）ionic-help（查看帮助）ionic-v（查看版本）ionicstartmyionictes
丶温瞳·2020-03-24 01:53

Ionic2实战-tab菜单栏自定义

前言Ionic2项目创建好以后底部会默认显示几个菜单，通常都不符合我们的需求，所以就需要对底部tab的文字和icon进行自定义。
逃离火星·2020-03-23 18:31

Ionic2 CLI

原文地址：http://ionicframework.com/docs/v2/cli/开发一个Ionic应用程序的过程中IonicCLI是主要的工具。它就像一把瑞士军刀：在一个界面中它汇聚了众多的各式各样的工具。CLI包含了大量的Ionic开发中的重要的命令，例如start、build、serve和run。他也包含了像emulate和info之类的在某些情况下非常有帮助的命令。安装CLI安装CLI
Shmily落墨·2020-03-23 17:56

Angular2：密码的显示隐藏

代码结合ionic2开发移动端项目，注册页的密码的input一般用password，但是用户输入密码时可能会输入错误，需要显示成text。
Lucia_Huang·2020-03-22 13:22
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他