Ionic2 第9页

ionic2/3学习指引-常用命令

前言ionic命令就是一些'脚本文件',有些是ionic团队开发的,有些是直接用第三方的.ioniccli目前(2017年6月10日)版本是3.3.但是2.x版本和3.x版本差异比较大，这里分别介绍cli2.x和3.xioniccligithubioniccli2.x版本通过命令ionic可以查看ionic所有命令及命令简介通过ionichelp具体命令名可以查看具体命令使用参数和详细解释我们使用

小军617·2020-01-08 10:32

2017 10月份最新 ionic2-3 集成极光推送 Jpush 回顾

1.先去极光官网注册一个账号,邮箱最好不要用QQ邮箱，收邮件非常非常非常慢.2.注册好账号之后，进入后台：创建应用。得到appkey。3.进入项目,移除平台，android，ios，加入插件ioniccordovapluginaddjpush-phonegap-plugin--variableAPP_KEY=你的appkey4.关键代码:根据你的框架加入//极光推送初始化window['plugi

大唐帝国·2020-01-08 03:22

ionic2/3实战-自定义modal过渡动画

需求要实现如下图的搜索界面效果该如何实现?有ionic开发经验的同学,看到这个界面很容易想到IonicModal,但是Modal默认过渡动画是从页面底部弹上来,而我们需要从页面右侧弹出页面,这时就需要自定义modal的过渡动画实现效果图效果图代码已上传到github上代码上面gif效果图提供了两个动画,我这里代码只附上动画2代码新建一个modal-transitions.ts文件用于定义modal

小军617·2020-01-07 17:03

ionic2/3实战-使用阿里巴巴矢量图标库Iconfont

为什么使用阿里巴巴矢量图标库IconfontIconfont提供了近百万数量的图标,并且有多种使用方式我们要使用字体图标,相对图片占用小,更清晰,大小颜色更易控制ionic官方提供的图标不够用,没有具体业务方面合适的图标如何使用Iconfont登录Iconfont官网官网提供了github和新浪微博两种登录方式,如果直接用微博登录不上去,那先登录新浪微博,再去Iconfont用微博登录本文是Ico

小军617·2020-01-07 13:48

在Ubuntu上为Ionic 2搭建Android开发环境

Ionic2是一个基于Angular2的混合移动应用开发框架。最近由于项目需要，开始接触Ionic2，但过程并不顺利，尤其是Android开发环境的搭建，官方文档里寥寥数语，“简洁”得不行。

剪影Boy·2020-01-07 12:13

Cordova插件须知

ionic1时期，除了使用cordova插件外，更方便使用插件是用ng-cordova，到了ionic2及以上，ng-cordov

IT晴天·2020-01-07 09:53

使用ng2-dragula实现拖放（更新）

这个是看到的原例子文章HowtoBuildIonic2Dra

鱼猫啊·2020-01-07 00:30

ionic2：初始模板

新建项目的初始模板ionicstartMyProjectNametutorial--v2（tutorial可改为以下）tabs:asimple3tablayout。如下图：tabssidemenu:alayoutwithaswipablemenuontheside。如下图：sidemenublank:abarestarterwithasinglepage。如下图：blanksuper:starte

Lucia_Huang·2020-01-06 09:14

Ionic2 开发

2.什么是Ionic2.1了解NPM在使用Ionic之前需要先了解下NPM：nodejs的出现算是前端里程碑的是一个事件，它让前端工程师们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。

Hardy_Hu·2020-01-06 06:56

ionic2快速上手

完成Ionic安装后，你可以创建第一个App了。本章内容将指导你新建一个App，添加一个页面，并且实现页面间的导航。build/main.js是自动生成的，实际上是把TypeScript转成了普通的JavaScript。cordova.js在本地开发的时候在浏览器中浏览会报404错误，这个文件会在Cordova打包的时候自动加到项目里。./src/在src目录里我们会找到原始的没有经过编译的代码，

全栈弄潮儿·2020-01-06 03:02

ionic window下环境搭建

参考文献：ionic2gitbook中文文档1.安装NodejsNode.js建议安装最新版本,这样避免出现奇葩的错误。

过期的薯条·2020-01-05 20:05

ionic2/3实战-自定义添加/预览图片组件

效果展示前言app有许多页面需要添加图片并实现预览功能.所以有必要封装一个公共的组件去调用由于代码比较多.不便贴出来.所以这里介绍一下大致结构.自己去github上看完整代码.上贴出的代码都有可能改动,请以github上为准准备插件准备camera插--拍照获得照片ImagePicker--用于从相册多选照片认识Swiper3--用于实现图片预览ionic版本最低为3.0核心代码select-pi

小军617·2020-01-05 19:35

ionic2 设一个变量全工程使用

在page新建一个文件夹，在该文件夹下或直接在app文件夹下新建一个ts文件，ts文件：exportclassAppConfig{publicstaticgetHost(){return"http://www.jianshu.com"}}引用：import{AppConfig}from'../../app/app.config';leturl=AppConfig.getHost();

给我小前端·2020-01-05 16:56

npm提示shasum check failed的解决方法

npmWARNinstallCouldn'tinstalloptionaldependency:shasumcheckfailedforxxx解决办法：1.通过config命令npmconfigsetregistryhttp://registry.cnpmjs.orgnpminstall-gionic2

格吾刚哥·2020-01-04 21:10

ionic2 项目实践一

基于Ionic2的项目实践。楼主学习ionic2也有一段时间了，已上线一款ionic2应用，该应用也是边学边做的。

OnceWhite·2020-01-04 09:36

ionic2 关于如何制作插件的详解和指南

插件的意义plugin（全文都叫插件）是一个注入代码的包，它允许app呈现的Cordovawebview与其运行的native平台进行通信。插件可以访问基于Web的app通常不可用的设备和平台功能。所有主要的CordovaAPI功能都可以实现为插件，还有许多其他功能可用于实现诸如条码扫描器，NFC通信或定制日历界面等功能。您可以在Cordova插件搜索页面上搜索可用的插件。插件包含一个单一的Jav

阡陌不言·2020-01-03 10:24

ionic2/3实战-图片裁剪

前言本文将介绍两款纯js图片裁剪插件，并介绍两者的差异，各位自行选择插件1AlloyCrop腾讯出品，api也很详细了，在ionic项目使用有个小坑，一会介绍下载资源，在index.html中引用需要alloy_finger.js、transform.js、alloy-crop.js建议在生产环境使用前把3个放在一个js文件中并压缩使用教程参考官方文档，如下图红色区域是小坑所在位置，添加了一个自定

小军617·2020-01-02 22:54

Ionic2Cordova蓝牙插件封装

首先有Ionic2以及Cordova环境如果没有在命令行执行以下命令npminstall-gioniccordova//全局安装ionic和cordova指令ionicstartmyApptabs--v1

被代码耽误的机车手·2020-01-01 13:40

把 D3 引入到 ionic2 中

第一步安装cnpminstall@types/d3--save第二步声明在需要使用的组件中声明一下import{Component}from'@angular/core';import{NavParams}from'ionic-angular';import*asd3from'd3';++++++第三步写属于D3的方法即可createChart(){varchart=d3.select("#cha

吃鱼_·2020-01-01 12:01

Ionic入门-3（插件使用）

官网地址：http://ionicframework.com/docs/native/里面都有自己的详细文档，写这篇文章是因为Ionic2和Ionic3差别有点大，故作赘述下面以Camera做例子官网地址

lhl_012·2020-01-01 08:53

ionic2：常用命令行

Lucia_Huang·2020-01-01 06:39

Ionic4与Ionic3部分比较

其实，Ionic2和Ionic3的差别不大，而ionic4则变化比较大了，它支持angular、vue、react或其它任意js框架，甚至不使用js框架，它更像一个纯粹UI库。

IT晴天·2019-12-30 23:20

ionic 2/3, Angular 2+ 相关资料以及前端相关学习资源链接

ionic2学习资源汇总(小军)ionic2网上资料总结ionic2/3功能UI预览尽量使用npm安装依赖,使用cnpm安装依赖有时候会出现一些奇怪的问题[email protected](安装指定版本的

枫_d646·2019-12-30 02:59

ionic2+，Tabs 界面跳转到详细页隐藏下方默认的tabs

问题![2017-07-0709.24.26.gif](http://upload-images.jianshu.io/upload_images/1967364-25527e697dfc9030.gif?imageMogr2/auto-orient/strip=100x100)下方tabs没有隐藏！！！处理方法//app.module.tsimports:[BrowserModule,Ionic

CK110·2019-12-29 21:48

ionic2/3实战-使用二维码扫描插件cordova-plugin-qrscanner

前言起初使用的二维码扫描插件是phonegap-plugin-barcodescanner，此插件使用简单看官网文档就够了，但是扫描体验不是很理想，一定要把二维码对的很准才能出结果；准确的来说这个插件叫条码扫描插件，不仅仅只是扫描二维码本文将介绍另一款扫描二维码的插件cordova-plugin-qrscanner，扫描效率高，高度可定制；由于高度可定制所以在ionic项目中使用需要添加一些自定义

小军617·2019-12-29 00:48

ionic2 调用相机、相册及图片预览

一、背景介绍最近公司项目中用到ionic2重构app，在研究相机调用的时候发现官方API似乎有点误导人，所以在这里介绍下我的实际经验官方相机API（这个参考就行了，有错的，文章最后分析）官方图片预览API

小pxu·2019-12-28 23:57

ionic2 扫描二维码功能介绍

主要通过ionic2@ionic-native/barcode-scanner集成扫码功能1.在package.json中添加(根据应用所需功能添加相应依赖项)："dependencies":{..."

Miamin·2019-12-27 23:54

解决ionic2中一个proxy代理设置问题

之前翻译过一篇>的文章，有小伙伴反应在ionic2中有时不正常工作。于是我自己试了一下，确实不管用。然后去谷歌找了一下解决方案，找到了一个临时的解决方法。

ten5743·2019-12-27 13:39

Ionic2 Native插件总结

ionic2官方提供了很多原生插件，是建立在cordovaplugin基础上，结合ionic-native的ts库进行引用。

charles0427·2019-12-27 09:52

ionic2/3实战-添加app升级功能

效果演示插件准备1.File2.Transfer3.FileOpener4.AppVersion5.InAppBrowser上代码app.component.ts调用检查是否升级方法NativeService.ts下载安装app方法/***[email protected].*/import{Injectable}from'@angular/core';im

小军617·2019-12-27 08:10

ionic2/3实战-打包ios app

准备软硬件环境申请苹果开发者帐号打包必须在MacOS(苹果系统)上进行(虚拟机和黑苹果一般都比较卡)MacOS上要装Xcode(IDE)如果要调试那肯定需要一台iPhone注意:MacOS系统版本要和Xcode版本号匹配,也就是旧版本MacOS系统是不能安装新Xcode的.如果要在iPhone上调试app,那Xcode版本号就要和iPhone版本号匹配.所以最好全部使用最新版,然后不要轻易升级,升

小军617·2019-12-26 08:29

has no exported member 'IonicNativePlugin'.

theserverrespondedwithastatusof404http://localhost:8101/build/main.css(NotFound)在www文件夹下查看,发现无法正确编译,打开错误日志发现问题:TypescriptErrorModule'"E:/ionic2

冷鸢J·2019-12-25 09:06

ionic2/3实战-自定义分页组件

前言分页组件是非常常用的一个功能,所以需要封装成一个公共组件,方便调用效果演示ionic2实战-自定义分页组件.gif核心代码paging.html完整代码pageSize">首页上一页下一页尾页每页显示

小军617·2019-12-24 13:30

Ionic 入门 ---环境配置

首先安装nodejs2.image.png3.新建一个项目ionicstart名字tabs--v2上面的写法后面的--v2代表创建的项目是ionic24.ionicserve在浏览器上面浏览调试5.我们想在命令行运行模拟器上面的

神豪VS勇士赢·2019-12-23 19:15

ionic2/3自动生成器

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

谢大见·2019-12-23 12:23

ionic2 扫码（条形码、二维码）

先安装插件ioniccordovapluginaddphonegap-plugin-barcodescannernpminstall--save@ionic-native/barcode-scanner然后在app.module.ts内引入，import{BondedDevicePage}from'../pages/bonded-device/bonded-device';@NgModule({p

给我小前端·2019-12-22 15:34

ionic2/3/4学习指引-学习资源汇总

Ionic官网............................官网的文档非常好,超级全,一定要细心看ionic2/3官网直连........Components,API,图标,cordova插件

小军617·2019-12-22 15:03

Ionic2实战-跨域问题处理

我们本次要解决的也是Ionic2APP网页版的跨域问题。解决方案方案一：后端支持跨域（跨域资源共享CORS）只需要在后端返回给前端的

逃离火星·2019-12-22 14:14

ionic2/3实战-集成angular2 http

创建http此篇博文已旧,新版看这里第一步在src根目录新建一个providers文件夹,在这个文件夹新建一个HttpService.ts文件HttpService.ts文件代码如下import{Injectable}from'@angular/core';import{Http,Response,Headers,RequestOptions}from'@angular/http';import'

小军617·2019-12-21 23:14

【Ionic2系列】一、入门介绍

整体的学习下Ionic2，加油,zhong

izhongxia·2019-12-21 22:52

ionic2、ionic3如何使用百度地图

前提：使用的angular2-baidu-map版本为：2.5.41、安装地图插件npminstallangular2-baidu-map安装2、在项目src/app/app.module.ts导入关键代码如下：import{BaiduMap}from'angular2-baidu-map/dist'@NgModule({declarations:[...BaiduMap],entryCompon

Q轩哥·2019-12-21 21:54

ios退出登录并返回到登录页(包含token过期的处理方案)

最近写的ionic2项目,需要处理隔天请求某些数据时,会提示非法请求,然后根据后端返回的error,退出登录,并返回到登录页.然后,步骤就是调用退出登录的接口,在成功的状态里,接着清除在启动页记录存储用户的信息

天亮前被寻找的一只猫·2019-12-21 05:30

ionic2实战-完美处理安卓硬件返回按钮

效果演示源代码已上传到github由于ionic版本更新较快,有些写法可能改变来不及更新,请以github代码为准ionic2-完美处理安卓硬件返回按钮.gif介绍注册安卓硬件返回按钮事件是必须的,因为用户不小心点击了返回按钮就退出

小军617·2019-12-20 08:15

Ionic 2.0 发布，移动 APP 开发框架

ionic遵循MIT开源授权协议，GitHub地址：https://github.com/driftyco/ionicIonic2.0正式发布，这是下一代的ionic，开源的移动APP开发SDK。

那个流沙·2019-12-19 12:43

使用Ionic2开发Todo应用

本文使用Ionic2从头建立一个简单的Todo应用，让用户可以做以下事情：查看todo列表添加新的todo项查看todo详情保存todo到持久化存储0开始之前本教程需要你了解基本的Ionic2概念。

孙亖·2019-12-19 08:11

认识Ionic 2

1.Ionic2介绍Ionic2专注于以标准的HTML、CSS和JavaScript来构建移动站点，并可以通过Cordova打包成移动App，只需编写一次代码，就可以分别部署到iOS、Android等多种移动平台上

全栈弄潮儿·2019-12-19 05:43

移动App开发框架—Ionic

xinhehappyok·2019-12-18 17:17

ionic2 tab页面刷新问题

ionic2页面堆叠（个人理解）导致页面只请求一次，需求需要每打开一次页面请求一次，百度半天找不出相似的方法。最后找到了一个大神的记录，在此借用一下。(不会变表格。。。)

给我小前端·2019-12-18 02:56

ionic3-修改APP应用图标（icon）和APP启动界面（Splash）

ioniccordovaresourcesioniccordovaresources--iconioniccordovaresources--splash准备准备一张大小为1024*1024的图片文件作为APP的图标（命名：icon）准备一张大小为2732*2732(ionic2

JoyoDuan·2019-12-15 15:10

ionic2 sessionStorage 和Storage

sessionStorage：这个是一个本地的临时缓存，用来存储一些比较简单的数据sessionStorage.setItem(key,value);sessionStorage.getItem(key)；使用很简单，但是有一个缺点就是只能存储string类型的数据；如果想要缓存数组数据或者更复杂的数据最好直接请求后台获取，或者使用Storage进行存储Storage：这个优势就是可以存任何类型的

super静_jingjing·2019-12-15 13:55

推荐频道

Ionic2