ionic2

ionic2 + cordova 插件实现QQ、微信、微博 第三方登录

1.首先和所有的都一样，要分别到各个开放平台申请appid，添加测试账号QQ：腾讯开放平台http://open.qq.com/微信：微信开放平台https://open.weixin.qq.com/微博：新浪微博开放平台http://open.weibo.com/2.通过cordova添加插件QQ:cordovapluginaddcordova-plugin-qqsdk--variableQQ_
Jarvan丶·2020-03-22 09:36

ionic2 tab使用自定义图标

在chrome浏览器调试中审查元素发现ionic2里面的图标是通过类添加的比如说tabIcon="homeImg"在页面中研究可以看到在ios上有两个类是.ion-ios-homeImg和.ion-ios-homeImg-outline
Jarvan丶·2020-03-21 10:20

MAC 下Ionic 环境配置搭建

$npminstall-gcordovaionic2.通过Ionic创建一个项目使用Ionic官方提供的现成的应用程序模板，或一个空白的项目创建一个Ionic应用。(Creat
DY_108·2020-03-21 06:54

一周搞定TypeScript+Angular2+Ionic2

摘要预先说明一点，笔者是后端程序猿，前端只是略懂，仅仅略懂。这篇文章比较长，很多老铁估计一看到滚动条就放弃了，这里我要说的是程序是比较简单的东西，只要你有一定的耐心，肯定会有非凡的收获。只需要你有5成的html+css3+js基础即可开始我们的一周之旅。废话少说，能贴代码绝不瞎比比。需求确定记录每天的各种消费，以控制每月的消费（其实是因为穷，所以要节流）。目前比较简单，只是对业务的实现，没有集成安
蓝山牧童·2020-03-20 23:59

ionic2 时间戳转换

项目中从后台拿取到时间戳，在页面上转换为：yyyy-MM-ddHH:mm，在HTML显示的部分加上过滤器{{Time|date:"yyyy-MM-ddHH:mm"}}Time为从后台拿取到的时间戳，根据过滤器会显示为，例子：2017-03-2013：20，如果需要秒则更改为{{Time|date:"yyyy-MM-ddHH:mm:ss"}}在后面加上ss，例外注意，HH大写则为24小时制，小写则为
酸辣粉儿·2020-03-20 19:53

ionic2/3实时聊天思路(socket.js)

一觉起来所有的外网都不能访问了，github都被墙了，郁闷。。。算了，进入正题引入socket.js可以使用cdn，也可以下载到本地，这里我选择的是下载到本地，然后在src/index.html引入即可，这里我的路径是：//建议：将之第一个引入，可以避免一些io未定义问题集成服务（socket.service.ts）由于可能会被多个页面使用到，所以这里我们创建一个服务来减少重复的操作。在src下创
夜风SAI·2020-03-20 16:45

[Ionic 2从入门到精通] 3.4 数据模型和Observable

数据模型不是Ionic2特有的东西，模型是变成里面同样概念。根据内容的不同，模型的定义多变，但是总的来说模型就是用于存储和代表数据的。
老牛啃码·2020-03-20 14:36

Bug记录：ionic sever:permission denied

其实一直以来ionic安装，包括后来的ionic2的安装都十分坎坷【大概天生自带安装和配环境出问题体质？一路上简直就是拆东墙补西墙，跌跌撞撞，出现的问题记都记不完（太不专业了！怎么能不记录！）
escawn·2020-03-19 06:41

ionic2-项目结构介绍

首先请看下图，左侧目录为项目初始后的结构注：platforms和plugins目录是执行添加平台命令后才会生成的ionic项目结构./src/目录是项目JS源代码文件夹，可以用ES6或者TS来写，最后会转译为ES5或其他版本的JS。./src/index.html是项目的起始入口。在这个文件内会有标签。ionic查找这个标签来运行app本地部署时会打包到项目中代码编译打包的最终文件，把ionic、
Look_a_Look·2020-03-18 13:28

ionic2

Paste_Image.pngPaste_Image.pnghtml结构基本和Ionic1一样!requestserve:Paste_Image.pngPaste_Image.png生命周期constructor(myService:MyService,...){...}类的构造函数会在所有其它生命周期钩子之前调用。使用它来注入依赖，但是要避免用它做较重的工作。ngOnChanges(change
docC2Y·2020-03-18 12:01

SNS项目笔记<二>--极光推送

博主根据自身项目的考察与网络上的资源，归纳了以下几种方法：1、官方推送文档：ionic2之后的版本的极光推送在网络上的资料少之又少，经过一番折腾过后，博主选择了官方的API文档。
stormKid·2020-03-17 14:23

ionic2(仿单糖app)-02项目目录文件介绍

工程项目结构介绍项目目录结构我们来大致了解一下每个文件夹的作用node_modules：文件夹放置项目中依赖的一些包。就是我们使用npm包管理器生成的文件夹。package.json：文件与上面的node_modules文件夹相对应。管理依赖包的配置文件，npminstall命令就是根据该文件去生成node_modules文件夹。运行npminstall“包名”命令也会自动修改该文件。plugin
阿飞_1217·2020-03-17 06:10

ionic2/3学习指引-如何升级app

前言ionic框架和ioniccli更新比较快.所以bug修复和新功能层出不穷于是每过一段时间我们就要升级app.以免踩到ionic已经修复了的坑如何判断是否要升级查看app当前版本(如下图)和ionic最新版本,如果版本号不一致就可以更新.点这里查看ionic框架最新版本,点这里查看ioniccli最新版本更新也不至于太频繁.我是从3.2升级到3.4.3.4升级到3.6.或者当遇到某些bug就升
小军617·2020-03-17 06:27

谈谈你对ionic2的项目结构的认知

ionic2你可以是理解为基于angular2框架的引申(主要针对移动端,主要是里面提供了大量的组件可以使用,可以把它理解成里面包含了很多的UI库,就好比ios开发中的UIKit一样).如果从头让你写一个
天亮前被寻找的一只猫·2020-03-16 21:42

ionic2 保存图片到手机相册

ionic2保存图片到手机相册需要2个原生插件一、原生插件安装1、AndroidPermissions通过以下命令下载ionicpluginaddcordova-plugin-android-permissionsnpminstall
千夜灬空羽·2020-03-16 12:06

Ionic 2基础小结

架构总览Ionic2是基于Angular2的，在它基础上封装了许多mobile常用组件。
goforu·2020-03-16 09:12

Ionic2实战-框架样式自定义

前言对于拥有众多页面的App来说，首先考虑的就是如何写样式，样式分三种：1、框架级样式；2、自定义全局样式；3、自定义页面私有样式。本节主要讲这三种样式如何分别定义。步骤1、框架级样式image.png如上图，框架初始化好以后会自动生成variables.scss文件，在该scss文件内定义的样式作用范围为全局，一般如果要覆盖框架的默认样式可以直接在该文件内进行覆盖。2、自定义全局样式自定义全局样
逃离火星·2020-03-16 08:28

Ionic2 应用版本更新

每次应用启动时上送app的version，查询服务器上的安装文件是否有新版本。Android直接通过Http插件下载apk文件，再通过FileOpener进行安装。IOS因为没有上传AppStore，需要在Https服务器上部署.plist等文件。根据version判断是否有版本更新/***检测版本更新*/checkAppUpdate(){letplatformName=this.platform
charles0427·2020-03-16 05:16

Ionic 2 项目结构

解剖Ionic2app。进入项目创建的文件夹，这里有一个典型的Cordova项目结构，我们可以安装原生插件，创建平台定义工程文件。.
孙亖·2020-03-15 18:28

日常bug_1

解决办法：输入框的焦点事件：（ionic2.jsangular2）焦点事件亲测在iPhoneSE，iPhone6Plus,iPhone6sPlus，iPhone6，iPhone5c,华为mate9，魅蓝等手机上没出现问题
c6e71129966d·2020-03-15 09:14

ionic2 ion-datetime 设置初始化开始结束时间格式转换遇到的一个坑

如图,需求是通过Ionic2的ion-datetime实现一个时间选择器.因为展示的初始化时间是从上个页面带过来的.所以需要用到三个参数:[(ngModel)]="times.start"即当前展示的时间
天亮前被寻找的一只猫·2020-03-14 12:01

ionic2—alert

Alertshttp://ionicframework.com/docs/v2/components/#alertAlerts是提供一个选择特定动作或动作列表的好方式。它们可以给用户提供重要的信息，或需要用户做一个选择（或多个选择）。从UI的观点来说，Alerts可以被认为是一种浮动的只覆盖了一部分屏幕的模态窗口。这意味着Alerts应该只能被用来做一些快速的交互比如密码确认，小提示，或快速选项。
全栈弄潮儿·2020-03-14 02:30

ionic2 中自定义navbar颜色

很多童鞋在使用ionic2的时候发现，如果要修改导航栏的颜色变得十分煎熬，下面我就为大家提供一个比较方便修改navbar颜色的方法，其实很简单啦，请看下面1.打开目录src->theme->variables.scss2
RainSets·2020-03-12 14:29

初探Ionic2（开始入坑）

最近发现Ionic2正式版发布了，看了下文档，直接懵逼了WTF...把所有的疑惑捋顺以后发现Ionic2的学习曲线蛮高的。要使用Ionic2开发一个webapp，首先你的会Angular2。
蓝山牧童·2020-03-11 08:41

ionic2集成百度ECharts3

百度的ECharts图表插件很强大，完美支持移动端，github也一直有专人维护，很不错。1.安装ECharts用npm安装ECharts：npminstallecharts--savenpminstall@types/echarts--save2.使用ECharts页面引入importEChartsfrom'echarts';需要在ion-content内放一个div，作为图表的容器：在页面的t
YuRi_1·2020-03-11 03:46

ionic2 三级联动，城市选择 (具有默认选中功能)

文档地址：https://www.npmjs.com/package/ion-multi-picker1.引入npminstallion-multi-picker--save2.app.model中引入import{MultiPickerModule}from'ion-multi-picker';imports:[MultiPickerModule//ImportMultiPickerModule
丶温瞳·2020-03-10 01:17

Ionic2实战-APP应用内升级模块开发

前言APP应用内升级功能指在APP打开的情况下可以自己对自己进行升级操作，不需要用户再通过应用商店进行升级。如果让用户通过应用商店升级的话首先新版本APP上线到应用商店需要一定的审核周期，第二好多用户也没有频繁打开应用商店更新APP的习惯。如果开启了应用内升级的功能就可以以最快的速度毫无中间商的将APP最新版本推送到用户手上。需要注意的是，APP应用内升级主要是针对Android版来说的，iOS版
逃离火星·2020-03-09 10:01

H5分享系列二----ionic2填坑

click事件延时http://ionicframework.com/docs/v2/faq/#click-delays手机上适合用tap事件，而非click事件，因click事件在手机上有时候需要点击多次才会有响应。//禁止事件冒泡stopEventPropagation(event:Event){lete=event["srcEvent"];if(e&&e!=undefined&&e!=nul
TroyZhang·2020-03-09 08:10

ionic2/3常见问题-解决下载gradle-2.14.1-all.zip或gradle-2.13-all.zip失败

问题描述如下图执行命令ionicplatformaddandroid编译app的时候下载gradle-2.14.1-all.zip太慢,因为这个zip要66M,我们来手动安装下载gradle失败解决方法复制下载地址,也可以在这里找到你需要的版本,用迅雷下载,如上图我需要下载gradle-2.14.1-all.zip下载完成它放到公司测试服务器上面,这样其他同事也需要的时候,就把url分享给他,我公
小军617·2020-03-09 06:15

基于Ionic2的开源项目

项目介绍基于Ionic2的Ionic中文论坛客户端，该应用也是边学边做的，为了将更多常用东西加入到APP中，有些逻辑不通之处，敬请包涵。
zhengxujiang·2020-03-07 09:37

ionic2/3常见问题-@node-sassa安装失败

问题描述如下图,执行ionicserve依赖node-sass找不到node-sass下载失败如下图,执行cnpmi报错错误原因1:网络问题下载node-sassa失败解决方法1尝试使用移动网络下载解决方法2去这里下载win32-x64-47_binding.node,我的版本是47,你的可能和我的不一样把下载的文件放到硬盘某目录下,我放到了D盘根目录执行setSASS_BINARY_PATH=D
小军617·2020-03-06 21:52

Ionic2 定义全局变量方法

在ionic2中没有提供像ionic1中的constant那样的方法去管理全局变量。
待花谢花开·2020-03-05 07:39

Ionic2 NavController模块的生命周期事件

只要出现页面导航，生命周期事件（Lifecycleevents）就会被触发。这些事件可以被定义在任何component的class中。下面就是一个实例：import{Component}from'@angular/core';@Component({template:'HelloWorld'})classHelloWorld{ionViewDidLoad(){//1console.log("I'm
丶温瞳·2020-03-04 17:40

ionic2+带tab项目捕捉android返回键

本示例是ionic3.3,用了懒加载在app.html中，添加#myNav，在app.component.ts文件通过@ViewChild('myNav')获取：在app.component.ts中：获取myNav，注册返回事件监听exportclassMyApp{rootPage:any;backButtonPressed:boolean=false;@ViewChild('myNav')nav
YuRi_1·2020-03-04 13:35

ionic2-常用组件

注意不同组件的默认位置和z-indexNavigation容器类型类型。。。Navigation导航类型导航容器，管理不同Pageroot属性用来指定最先加载的Page导航条、导航栏，自带返回按钮。包含一个ion-title，显示当前Page的title等信息可以包含多个的按钮，或者一个搜索栏。Navbar必须被放在ion-header中，以便它能够放到ion-content的上面。注意：Navb
Look_a_Look·2020-03-03 23:01

ionic2 build时使用--prod白屏的解决方法

最近一直在使用ionic2开发app,遇到了很多问题,大多能从ionic论坛或者stackoverflow找到解决方案,实在没有还能直接去github给ionic团队提issue,但是有个问题困扰了我很久
SuperBinlin·2020-03-03 14:19

ionic2实战-打包ios app

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

ionic2/3实战-开始第一个app

准备环境配置开始创建第一个App项目使用ioniccli提供的命令创建一个ionicappionicstartionic_testtabs其中ionic_test是项目名称,tabs是使用的项目模版.如下图ionic还提供了空白模版和侧边栏菜单模版，更多详情查看ioniccli命令注：有时候由于网络问题或者ionic项目调整使用命令无法下载ionic模版，于是我在github上放了一个ionic3
小军617·2020-03-02 14:30

Ionic2实战-APP如何在App Store上架发布

前言相对于APP的Android版上架，iOS版上架在逻辑上就要相对简单的多了，简而言之就是注册一个Apple开发者账号之后把打包好的iOS版APP一提交就可以了，不用担心有渠道没有照顾到，因为iOS只有AppStore这一个渠道。但是在技术上提交iOS版APP又要比Android版麻烦很多，尤其是第一次提交，总有哪里会出点小差子，我也是磕磕绊绊的提交了一天才提交上去，后面再提交更新就顺畅多了。必
逃离火星·2020-03-01 13:32

ionic2 — Action Sheets

http://ionicframework.com/docs/v2/components/#action-sheetsActionSheets从设备底部屏幕滑出，可以显示一些选项如确定或取消。ActionSheets有时候被用来作为菜单，但不应该被用来导航。ActionSheets经常显示在页面其他组件的上面，并且必须在触摸其他内容的时候消失。当ActionSheets被触发的时候，页面其他内容将
全栈弄潮儿·2020-03-01 04:27

ionic2/3实战-开发微信公众号

微信的各种号微信公众平台有4个号,服务号,订阅号,企业号和小程序服务号,订阅号,企业号这三个号的配置和开发文档都是一样的.只是这三个号的拥有能力不一样,如服务号每个月只能推送三条消息.订阅号可以每天推送一条消息.更多不同看这里小程序是微信新出的开发平台.开发需要用微信定义的语言规范,配置也和以上三个号差异大.这里不多说.文档可以看这里微信开放平台微信开放平台是什么鬼?假如你公司有服务号也有小程序,
小军617·2020-02-29 08:19

ionic2 环境搭建 2018-04-26

ionic3创建项目至apk打包全过程教程主要流程：安装node.js-->安装jdk-->安装AndroidSDK-->安装cordova-->安装ionic-->创建项目-->编译项目apk一、安装nodejs不要安装最新版。不建议更改安装路径。网盘地址：链接:https://pan.baidu.com/s/1Q5_nAhaJq6Ahw5DqSIzxXA密码:2sy7查看nodejs版本：no
丶温瞳·2020-02-28 22:06

ionic2常见问题-使用--prod报错

问题描述在打包app的时候使用ionicbuildandroid没有问题,但是使用ionicbuildandroid--prod就报错了.修改知道出在这个useFactory上面,就想办法修改这个方法,修改后如下图,然后使用ionicbuildandroid--prod就ok了最后一般build加--prod打包出了问题,都是代码写的不规范造成的,导致代码压缩后乱了.解决这种问题只能认真检查代码.
小军617·2020-02-28 22:47

ionic2随笔——初学

1.在src/app/app.module.ts文件里可改模式，ios或者安卓（md），如下图2.xxx.module.ts的基本模板import{NgModule}from'@angular/core';import{IonicModule}from'ionic-angular';import{MyApp}from'../../app/app.component';@NgModule({impo
XL_YE·2020-02-28 05:40

ionic2/3使用geolocation，解决IonicNativePlugin错误

亲测iphone6，红米note2,红米note4可以获取经纬度数据，魅蓝note3可以（要打开定位服务），废话少说，按官网步骤，下载插件：ionicpluginadd--savecordova-plugin-geolocationnpminstall--save@ionic-native/geolocation在app.module.ts中导入,注意，providers中要声明：import{G
旧友_1·2020-02-26 18:06

Ionic2实战-功能模块开发基本说明

本篇就来讲一讲我认为的Ionic2前端项目模块化的最佳实践。模块说明前端目录1.创建modules目录如上图，直观起见，直接在src目录
逃离火星·2020-02-26 11:51

Ionic2 可以左右滑动的Segment

NameValueDIRECTION_NONE1DIRECTION_LEFT2DIRECTION_RIGHT4DIRECTION_UP8DIRECTION_DOWN16DIRECTION_HORIZONTAL6DIRECTION_VERTICAL24DIRECTION_ALL30ionic2
待花谢花开·2020-02-24 21:57

ionic2/3学习指引-环境配置篇

环境配置1.安装javajdk2.安装nodejs3.配置cnpm4.安装ionicionic4安装最新版cnpmi-gionic@latestionic3建议安装：[email protected]可能同时有ionic4版本和ionic3版本项目，建议时候用nvm管理多个版本，详情点这里必看——ioniccli常用命令如果你安装过ionic,执行命令则会覆盖你以前的安装.所以就不用想着更新旧
小军617·2020-02-23 19:12

ionic2 开发跨平台应用的本地存储,反向传值(pop和dismiss),定时器,时钟等功能实现详解

本文系原创,转载请注明出处,谢谢!如果不知道如何创建ionic项目,请点击这里1.正向传值和反向传值(附带常见的两种页面跳转方式:push和modal)点击按钮surebtn从本页面(SeatPage)跳转到ConfirmPositionPage传参数:'number'exportclassSeatPage{number;constructor(publicnavCtrl:NavControlle
阡陌不言·2020-02-23 08:55

ionic2-angular2入门实践:tour-of-heroes

这是一个ionic2-angular2的入门实践。
escawn·2020-02-23 05:28
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他