ionic2

Ionic2使用FormBuilder和Validators进行表单验证

ionic2中的form表单是验证方式是基于angular2的form验证，在angular2的form经过更新后，从以前的import{FormBuilder,Control,ControlGroup
花开花又谢·2020-08-21 16:52

Ionic2 get和post请求样例

在ionic2的service中使用http请求数据返回一个Promise：首先在项目路径下执行ionicgproviderHomeService，会在项目的中生成一个providers的文件夹，里面会生成一个
花开花又谢·2020-08-21 16:52

Ionic2 可以左右滑动的Segment

ionic2为我们提供了一个非常好的组件叫segment，一般的使用是没有问题的但是我们如果想要给segment加上一个可以滑动的事件的时候就会遇到一些问题，以下就是个人见解。
花开花又谢·2020-08-21 16:52

ionic2常用插件

添加相机插件ionicpluginaddcordova-plugin-camera添加文件上传插件ionicpluginaddcordova-plugin-file-transfer拨打电话ionicpluginaddcall-number支付宝ionicpluginaddhttps://github.com/xueron/cordova-alipay-base--variableAPP_ID=x
lhl_012·2020-08-21 08:34

ionic2/3 保存 图片/视频到相册

需要插件实现：文件系统插件https://github.com/apache/cordova-plugin-file-transfer--->安装插件npminstall--save@ionic-native/file-transfer图片库插件https://github.com/terikon/cordova-plugin-photo-library--->安装插件npminstall--sa
Embrace丶·2020-08-21 07:08

ionic2 基于ngx-translate实现多语言切换，翻译

1.安装ng2-translate在命令提示符中进入到项目目录下，输入以下回车。npminstallng2-translate--save2.导入TranslateModule首先导入TranslateModule在app.module.ts下添加以下代码import{HttpModule,Http}from'@angular/http';import{TranslateModule,Transl
藟Danae·2020-08-21 06:35

ionic 2 介绍

一、兼容性根据官方说明，支持的平台和最低版本如下：Ionic1iOS7+Android4.1+Ionic2iOS8+Windows10UniversalAppAndroid4.4+（使用Crosswalk
憨憨de熊·2020-08-20 21:29

ionic 2 介绍

一、兼容性根据官方说明，支持的平台和最低版本如下：Ionic1iOS7+Android4.1+Ionic2iOS8+Windows10UniversalAppAndroid4.4+（使用Crosswalk
憨憨de熊·2020-08-20 21:28

如何在IONIC2中修改字体

工作中遇到领导非要在app中使用微软雅黑的字体，大体了解了一下，修改相对简单一些，具体如下：第一步：在网上找到.ttf文件结尾的字体文字如下图第二步：把.ttf文件复制到assets/font文件夹下第三步：找到修改字体的文件variables.scss，然后修改如下：第四步：完成。。。。。
吃瓜群众·2020-08-20 20:46

如何在IONIC2中修改字体

工作中遇到领导非要在app中使用微软雅黑的字体，大体了解了一下，修改相对简单一些，具体如下：第一步：在网上找到.ttf文件结尾的字体文字如下图第二步：把.ttf文件复制到assets/font文件夹下第三步：找到修改字体的文件variables.scss，然后修改如下：第四步：完成。。。。。
吃瓜群众·2020-08-20 20:46

ionic2 接入友盟统计

SDK下载ionic2是基于cordova来实现移动app开发的，因此我们需要先下载友盟的cordovasdk：http://dev.umeng.com/analytic...Android配置访问umeng-plugin-android
黑阔大人·2020-08-20 20:10

ionic2 接入友盟统计

SDK下载ionic2是基于cordova来实现移动app开发的，因此我们需要先下载友盟的cordovasdk：http://dev.umeng.com/analytic...Android配置访问umeng-plugin-android
黑阔大人·2020-08-20 20:09

玄学之问题

一个Angular2/Ionic2项目。
_CRY·2020-08-20 20:51

玄学之问题

一个Angular2/Ionic2项目。
_CRY·2020-08-20 20:51

ionic2 ubuntu安装

cttl+atl+t打开窗口sudosu切换到root用户执行以下步骤0安装nodejs包管理器及nodejs用n来安装管理node版本gitclonehttps://github.com/tj/n.gitnmaken安装完成之后，直接输入n后输出当前已经安装的node版本以及正在使用的版本（前面有一个o），你可以通过移动上下方向键来选择要使用的版本，最后按回车生效。安装稳定版本nodenode版
skymcl·2020-08-20 19:26

ionic2.0.10升级至11版本之后的变化

2019独角兽企业重金招聘Python工程师标准>>>一、在ionic官网出现版本升级之后，以下几个方面出现更新，在使用中进行相关记录，以便后续使用方便。1、form表单提交：前者为10版本，后者为11版本ngControl="shootTitle"=>formControlName="shootTitle";=>2、弹出框的使用方式：Toast=>ToastControllerLoading=>
weixin_34319374·2020-08-20 13:46

VSCode 个人插件分享

VScode-Icons给项目中不同文件显示图标TSLint用于TS代码规范的检测ESLint用于JSt代码规范检测工具PathIntellisense用于提示导入文件的路径OneDarkPro设置VS的黑色编辑器主题IonIC2Commands
格林希尔·2020-08-20 13:43

ionic2(仿单糖app)-04网络请求封装

主要内容httpget请求httppost请求全局的工具类新建一个http请求类服务HttpService.ts/***CreatedbyVoidon2017/7/13.**网络请求服务类*/import{Injectable}from'@angular/core';import{Http,Headers,RequestOptions,URLSearchParams,RequestOptionsA
阿飞_1217·2020-08-20 02:57

ionic2打包ios

先记录几个东西，后面再整理需要申请的几个东西：AppId,这个要用在config.xml中的头部id生成证书请求文件，这个需要在苹果电脑的钥匙串上申请开发证书和描述文件发布证书和描述文件遇到的bug：在执行cordovaplatformaddios的时候报错，大致意思是某某文件没有权限打开Error:EACCES:permissiondenied,open....。解决方法：根据报错的路劲，找到其
洗耳恭听_kai·2020-08-19 22:01

Ionic2 使用JMessage进行即时聊天功能的开发

在ionic2中使用极光提供的jmessage进行即时聊天，由于极光官方没有像jpush那样提供cordova插件，而我们为了简便就不去将jmessage封装成cordova的插件而是使用jmessage
待花谢花开·2020-08-19 09:50

ionic2 white/black screen after splashscreen ios/andorid device

在使用ionic2的时候，打开app后，splashscreen后会出现黑屏或白屏，而且黑屏或白屏很长时间，大概有7-8秒左右，严重影响用户体验，解决方案：1.加入cordova-plugin-splashscreen
神的旨意·2020-08-19 06:48

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

解决Ionic2浏览器跨域问题

ionic2项目从Localhost向远程服务器提交请求，在真机中可以返回正确的数据,但是在Chrome中遇到了跨域的问题。
H小志·2020-08-18 06:59

【Ionic2】Ionic2 踩坑记录

之前已经写过2篇相关的文章了，这里在把遇到的坑的细小的点也记录一下：之前的两篇文章：1【Ionic2】Ionic2打包编译时内存溢出问题2【Ionic2】Ionic2Android打包Crosswalk
snow_finland·2020-08-18 02:32

从ionic的项目构建和跨域设置说起

在ionic1中使用gulp进行项目构建，在ionic2中引入了webpack,使用ionic2的webpack需要修改相关的配置，而在ionic1中需要自己写gulp任务。
Johnny丶me·2020-08-17 20:37

ionic2+angular-in-memory-web-api（内置内存服务器）+跨域问题

随着angularJS内置服务器官网的一条更新，我想很多前端的工程师在本地进行调试时均出现了大问题。关于17-10-5号的改动我也纠结了许久，随着对于前端以及IONIC框架的学习，经验总结如下：之前一直没有查询官方文档，对着AngularJS教程的HTTP服务部分代码直接复制粘贴。发现不论怎么操作，返回结果都为空。官方给出的原因在于返回的data数据不再压缩在data属性之中而是直接作为主体部分返
程序员xiao_明·2020-08-17 18:09

ionic2 因为项目太大，编译导致内存溢出的解决方案

只需要改动一个文件即可原始文件内容如下：@IFEXIST"%~dp0\node.exe"("%~dp0\node.exe""%~dp0\node_modules\ionic\bin\ionic"%*)ELSE(@SETLOCAL@SETPATHEXT=%PATHEXT:;.JS;=;%node"%~dp0\node_modules\ionic\bin\ionic"%*)更改为@IFEXIST"%~
dhny25701·2020-08-17 18:56

Ionic2中ion-tabs输入属性

Ionic2中ion-tabs输入属性水平有限，高手请绕道。
追梦的小猴子·2020-08-15 20:03

使用 gulp 搭建前端环境之 ionic 项目实践总结(高级篇)

目录结构简介3.3ionic目录结构简介3.4重构ionic目录结构3.4.1区分SRC和WWW3.4.2切换Development、Staging、Production环境3.5gulp配置详解3.6升级到ionic23.7
weixin_34417200·2020-08-15 20:18

（页面滑动）ionic2-super-tabs插件的使用及注意地方

2019独角兽企业重金招聘Python工程师标准>>>简陋的自定义组件滑动菜单效果实现（slides+slides）最终效果如下：简单的代码如下：slide-tab-demo{{slide.name}}ts代码：import{Component,ViewChild}from'@angular/core';import{IonicPage,NavController,NavParams,Slides
weixin_33851177·2020-08-15 20:22

ionic2下创建项目后，运行启动页后白屏几秒，解决方案

问题描述最近在学习过程中发现ionic2项目运行在真机上，启动页后会有3-5秒的白屏时间，用户体验不是太好。
wei11556·2020-08-15 19:12

ionic2 tab切换控制

一、ion-tabs ion-tabs上有ionchange事件，每次界面切换都会调用这个函数二、ion-tabion-tab里面没有click事件，这对于一些业务处理很不方便。例如点击底部的tab导航，如果用户没有登入，那么跳转到登入界面，虽然可以在ion-tabs的iochange事件里面写，但是这样会先切换到ion-tab对应的那个界面，再跳转到登入界面，这样体验很不好。因为公司有这个需求，
迷茫的虫虫·2020-08-15 19:52

Hello World：手动创建第一个ionic应用

HelloWorld：手动创建第一个ionic应用欢迎大家到我的博客关注我学习Ionic1和Ionic2的历程，共同学习，共同进步。本文乃翻译而来，如有理解不足之处，请多多指正，大家也可移步原文。
刘文壮·2020-08-15 19:26

ionic2 tabs使用 Modal底部tab弹出框

项目要实现一个功能，在首页底部中间的tab弹出一个页面，而且是没有底部栏的，而不是像平常滑动的一个子页面。像这样：做法其实很简单1.修改tabs.html中的tab，去掉[root]="tab2root"属性，就不会显示子页面了2.添加(ionSelect)方法，点击这个tab按钮的事件，用来显示你的弹出modal去掉之前：去掉之后：3.在tabs.ts中显示实现(ionSelect)方法的cal
兰色的fire·2020-08-15 19:25

Ionic2 配置属性

通过direction可以控制页面是从左往右还是从右往左goPage(){this.nav.push(Page,{},{animate:true,direction:‘back’});}goBack(){this.nav.pop({animate:true,direction:‘forward’})}配置属性ios默认值md安卓默认值wp默认值activator(按钮点击效果)"highlight
花开花又谢·2020-08-15 19:55

ionic学习之建立一个ionic项目

A0%E4%B9%8B%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AAionic%E9%A1%B9%E7%9B%AE/1.安装ionic：$npminstall-gcordovaionic2
smile_panda·2020-08-15 19:24

ionic开发笔记一：ionic创建空项目后，发现使用ionic官方提供的标签不起作用？

现象：在命令编辑器中输入下面命令：ionicstartmyappblack问题：创建项目成功后，在项目中使用ionic的标签，会发现标签显示得和ionic2官方的不一样，甚至有些还不能无效，比如：ion-input
士心山·2020-08-15 19:11

ionic2 /ionic3 使用md5加密算法,base64编码/解码

原本转自http://www.story2wine.com/view/521.下载安装ts-md5,进入到项目文件夹下，执行下面的命令npm install ts-md5 --save2.在使用的模块中导入md5模块import {Md5} from "ts-md5/dist/md5";3.使用md5constructor(){  console.log(Md5.hashStr("111111{a
阿龙sir·2020-08-15 19:05

ionic3 android热更新

1.安装ionic,cordova框架npminstall-gionic@latestnpminstall-gcordovaionic2.新建ionic项目ionicstartmyapptabs会显示选项列表
SL_Home·2020-08-15 19:50

ionic2/3 页面默认滚动到底部

两种方法：方法1体验不是很好,200毫秒的延迟视觉上可以看出来方法2异步的请求有时候不能及时响应(可以请求第一次后存入本地存储里面),经过测试虽然ionic3中本地存储也是异步的，但是毫无延迟(可能是比较快)推荐1+2一起使用1.使用content组件的scrollToBottom()方法,可以封装成函数使用：//页面滚动到底部scrollToBottom(){setTimeout(()=>{if
杨采臣·2020-08-15 19:49

ionic2 使用slides制作滑动效果的类型选择栏

componentionicgcomponentMySlide2.在my-slide.html中添加代码：{{slide}}其中slides是一个数组，存放类型字符串，如上图显示的"推荐"，"环球"等在此步骤中，ionic2.0
malonely·2020-08-15 19:41

ionic2 cordova插件用法之二

之前参考官方的写了一种用法，但是这种用法不是很方便，于是再写个方便一些的。以cordova-plugin-wechat为例：在项目中创建wechat-plugin.ts，代码如下：declarevarWechat:any;//此处声明plugin.xml中clobbers对应的值exportinterfaceWechatPayParam{mch_id:string;prepay_id:string
malonely·2020-08-15 18:01

ionic2 使用自定义图片作为tabbar的icon

在tabs.html中添加tabs.scss，并在其中定义如下.ion-tab-icon-base{width:32px;height:32px;padding:4px4px2px;}.ion-tab-icon-md-base{min-width:0!important;height:32px;}$tabImageName:'tab1''tab2''tab3';@for$ifrom1to4{//f
malonely·2020-08-15 18:31

ionic2 RC0 android物理键退出app

随着ionic2版本不断升级，退出app的方式也在不断变化，rc0尝试了多种方式，终于搞了一个可以使用的方法。
malonely·2020-08-15 18:31

Ionic - 笔记 之 Tab

Ionic2组件之Tab学了Tabs更少不了Tab组件，Tab组件写作,必须要放置在Tabs组件内，是NavController的一种。
Lucio_cn·2020-08-15 18:12

使用Ionic3开发混合APP的架构设计总结

在使用Ionic2的时候，如果应用比较大，将所有的component,directives,pipes,services通通塞到app.module.ts里面，总会让我们感到不太雅观，也不便于代码管理维护
家威Geek·2020-08-15 18:10

ionic2/3 tabs控件

由于第一次使用，tabs使用中坑不少，一点一点积累把：1、tab页中跳转其他页面，隐藏下面tab栏：app.module.ts中：imports：【】中：IonicModule.forRoot(MyApp,{tabsHideOnSubPages:'true'//隐藏全部子页面tabs}),2、tab栏中如果需要点击tab中一个弹出面板或module：注：去掉[root]，增加(ionSelect)
CiderVL·2020-08-15 18:42

带有Firebase的离子2:在OAuth 2中签名

这里有一个可以帮助你的好步骤指南:https://ionicthemes.com/tutorials/about/ionic2-google-login。
DiyAbc-Eleven·2020-08-15 02:00

Ionic 2 - 10分钟Hello Word教程

对于有任何web开发经验的人来说，利用IonicCLI运行一个Ionic2app是非常简单是事情，在这个教程里，你会在10分钟之内构建一个“HelloWorld”程序仅仅几行命令，你就可以快速通过模板，
卑微的戏子·2020-08-14 23:15

ionic2 自学须知的基本知识点

Ionic(ionicframework)一款接近原生的HTML5移动App开发框架。IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术，基于HTML
weixin_34210740·2020-08-14 01:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他