Ionic3

ionic3 emoj表情包插件 emoji-picker

1、效果演示：2、安装扩展包依赖npmi@ionic-tools/emoji-picker--save3、app.module.ts中导入插件1import{EmojiPickerModule}from'@ionic-tools/emoji-picker';23@NgModule({4...5imports:[6...7EmojiPickerModule.forRoot()8],9...10})1
weixin_30532987·2020-08-15 19:25

ionic3-ng4学习见闻--(自定义ion-tab图标)

学习混合开发语言，目的就是为了快速开发一个适用于多平台的app。app基本都会有footer，也就是tabbar，用来快速导航不同的页面。ionic也有这个组件，ion-tab。常用方法如下：1@Component({2template:`345Tabs6789`10})11classTabContentPage{12constructor(){}13}1415@Component({16temp
weixin_30470857·2020-08-15 19:22

ionic3 tabs登录跳转处理

1、在Tabspage需要转向登录tab添加事件@ViewChild(‘myTabs’)tabRef:Tabs;constructor(publichttp:HttpSerProvider,publicmodalCtrl:ModalController,publicparams:NavParams){this.lgSuccess=params.get("lgSuccess");}ionViewDi
allen_zxs·2020-08-15 19:14

Ionic3.x 创建项目中的问题-IonIC start myApp tabs

前言最近的项目开展需要用到Ionic的框架技术，为了使之后的项目开展顺利一些先来踩踩坑，为之后同学的们做个参考和借鉴。下面我们来看我在创建项目时遇到的问题：Error:readECONNRESETat_errnoException(util.js:1022:11)atTLSWrap.onread(net.js:628:25)开始创建项目就被卡住了，o(╥﹏╥)o分析解决通过网络论坛有人认为由于国外
格林希尔·2020-08-15 19:53

Ionic3项目创建

Ionic3项目创建本地环境：$cordova-v9.0.0([email protected])$ionic-v3.12.0$npm-v6.10.3$node-v12.9.1步骤一：进入项目目录二：ionicstart
sinat_38061878·2020-08-15 19:20

ionic3文件目录介绍

四、ionic3目录文件结构node_modules：node各类依赖包resources：android/ios资源（更换图标和启动动画）src：开发工作目录，页面、样式、脚本和图片都放在这个目录下www
蒲小若·2020-08-15 19:26

ionic3顶部tabs点击切换功能

1、新建项目,ionicstartdemotabs,选择在Home页面做这个功能2、在home.html页面：Home{{slide}}页面1页面2home.ts文件中：import{Component,Input,Output,EventEmitter}from'@angular/core';import{NavController,NavParams}from'ionic-angular';@
weijun-w·2020-08-15 19:48

ionic3 tabs切换子页面详解（包括默认进入切换到某一子页面，或者在子页面触发事件切换）

ionic提供了一个tabs的页面，如图:一般情况下默认是第一个选中状态，显示第一个子页面1、当希望进入app后默认出现第二个子页面的内容，并且选中第二个tab，在tabs页面如下tabs.html:tab.ts:import{Component,ViewChild}from'@angular/core';import{Tabs}from'ionic-angular';import{PlanPag
weijun-w·2020-08-15 19:48

ionic3自定义服务

1、创建项目:ionicstartdemotabs;2、创建一个服务：ionicgproviderdata-server，可以做一个保存本地存储的服务用来各个页面调用,部分截图如下：3、在app.module.ts中引入服务:app.module.ts:import{NgModule,ErrorHandler}from'@angular/core';import{BrowserModule}fro
weijun-w·2020-08-15 19:48

ionic3中的calendar的使用

标签展示在页面上任何地方的界面；第二张是通过ts弹出来的，html中不需要标签具体的详情：https://www.npmjs.com/package/ion2-calendar1、通过ionicstartxxxtabs创建ionic3
weijun-w·2020-08-15 19:47

ionic3中引入第三方js库的方法总结

以jquery为例：创建ionic3项目：ionicstartionic3-testtabs一、在使用的页面导入js文件路径；下载jquery.min.js文件，找到assets下面，创建js文件夹，将下载好的
weijun-w·2020-08-15 19:47

ionic3 懒加载

ionic3懒加载第一步：增加module.ts第二部：去掉app.module.ts中重复的部分第三步：在对应页面的.ts文件里增加@IonicPage()特性(以home.ts为例)第四步：使用懒加载
芒果·布丁·2020-08-15 19:47

ionic3的安装、使用

现在我已经大三了，为了秋招的时候有拿得出手的作品，我们就组了一个小团队写一个社交方面的APP，在这个APP开发中我们的前端是使用了一个前端的框架ionic写的，但是在使用ionic的时候，需要对TypeScript，Angularjs有很好的基础。即使是有了基础，我们依然遇到了很多坑，比如视频资料比较少，并且大多又是英文的，对我们的开发有着不小的麻烦。但是由于使用ionic可以打包成安卓app和苹
占卜者·2020-08-15 19:44

ionic3实现异步配置懒加载

懒加载实现步骤：1.增(module.ts)，2.编(ts文件里增加@IonicPage())，3删(移除import引用，然后改成引号)。创建一个新的ionic工程(ionicstartapptabs)项目目录如下：1.在需要懒加载的页面创建一个新文件：名字.module.ts。如图所示在每个module.ts内容都是一样的，例如about页面home.module.ts【和about是不是都一
简cere·2020-08-15 19:23

ionic3启动后白屏

1.配置config.xml文件：
珠璇儿·2020-08-15 19:50

ionic3学习之环境搭建

ionic简介ionic是一款基于Angular、Cordova的强大的HTML5移动应用开发框架,可以快速创建一个跨平台的移动应用。可以快速开发移动App、移动端WEB页面、微信公众平台应用，混合appweb页面。ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。ionic特点1.ionic基于Angular语法，简单易学（
Wayfreem·2020-08-15 19:46

ionic3自定义tabs icon图标

1.tabs.scss.ion-tab-icon-base{width:32px!important;height:32px!important;padding:4px4px2px;}.ion-tab-icon-md-base{min-width:0!important;height:32px;}$tabImageName:'home''task''news''my';@for$ifrom1to5
珠璇儿·2020-08-15 19:16

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的学习入门(angular2)语法的入门

学习ionic3中，遇见的这些坑，整理下笔记和知识点，以供参阅吧。
qq_32262049·2020-08-15 19:53

ionic3开发系列——打包APK运行，启动页后白屏几秒，解决方案

问题描述：开发过程中发现ionic3项目打包后在真机上运行，启动页后会有3-5秒的白屏时间。
Crazy_LinkFern·2020-08-15 19:23

ionic3 android热更新

1.安装ionic,cordova框架npminstall-gionic@latestnpminstall-gcordovaionic2.新建ionic项目ionicstartmyapptabs会显示选项列表tabs：创建一个选项卡项目blank：创建一个空白项目sidemenu：创建一个侧边菜单项目super:创建一个预制的完整项目，提供ionic开发最佳实践conference：创建一个展示真
SL_Home·2020-08-15 19:50

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

两种方法：方法1体验不是很好,200毫秒的延迟视觉上可以看出来方法2异步的请求有时候不能及时响应(可以请求第一次后存入本地存储里面),经过测试虽然ionic3中本地存储也是异步的，但是毫无延迟(可能是比较快
杨采臣·2020-08-15 19:49

ionic3创建选项卡

ionic3创建选项卡html页面网关接受信号任务类型测试任务门锁记录1234ts文件里publictabs='gatewaySignal';posted@2018-10-1609:40阅读(...)评论
猿者上钩·2020-08-15 19:49

ionic3调用服务获取数据

App.modules.ts也需要导入import{HttpModule}from'@angular/http';imports:[BrowserModule,HttpModule,IonicModule.forRoot(MyApp)],调用页面导入：import{Http}from'@angular/http';import'rxjs/add/operator/toPromise';constr
LEAUQEAAN·2020-08-15 19:40

Ionic3 关于启动后白屏问题跟app启动慢的问题

在开始接触Ionic3项目时，对项目进行调试的时候总是会出现启动前的黑白屏，并且启动的时间还很长甚至超过20多秒，简直不是App里面根本不允许的东西，为了解决这个问题，寻找了很多种方式来解决，都未能成功
LEAUQEAAN·2020-08-15 19:40

创建ionic3项目

创建之前需要先下载安装Nodejs，npm，安装完之后，打开cmd，用npm安装ionic和cordova:npminstall-gionicnpminstall-gcordova因为ionic3用的是
洋葱没有心fzhy·2020-08-15 19:38

ionic3页面间数据传递及Events

1.将数据传递到要跳转到的页面（1）push()要将新页面推送到堆栈，可使用push方法。同时也可以通过将数据传递给push方法的第二个参数，来将数据传递给下一个页面。import{LoginPage}from'./login';...pushPage(){this.navCtrl.push(LoginPage,{id:123,name:"Carl"});（2）[navParams]属性：impo
神奇的小卷毛·2020-08-15 19:06

ionic3 设置ssl-pinning

1.生成.pem文件openssls_client-showcerts-connectyour.domain:443-servernameyour.domain:443cert.pem2.生成.cer文件opensslx509-informPEM-incert.pem-outformDER-outcert.cer3.在www目录下创建certificates目录，并将上步生成的cert.cer文件
malonely·2020-08-15 18:01

ionic3项目实战教程三（创建provider、http请求、图文列表、滑动列表）

前言：-从别人的博客中获取知识，将知识写成博客留与后来人。-写博客既是对知识的总结梳理，也方便以后需要用的时候随时来查看。一、创建provider1.ionicgproviderstorage创建了一个名为storage的服务在src/providers里；会自动添加到app.module.ts中。2.先来丰富一下这个服务吧//storage.tsimport{Injectable}from'@a
漫疏狂·2020-08-15 18:57

ionic3项目实战教程二（新建component、新建page、修改tabs、弹窗alertCtrl、跳转navCtrl、带参跳转、ion-list、ion-input、button）

回首ionic3项目的开发历程，完全就是一部采坑填坑史，每每感觉这个功能很快就能搞完下班了，结果在坑里一待就是几小时+_+。
漫疏狂·2020-08-15 18:57

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

Ionic在2017年3月7号在其官方博客宣布Ionic3正式版本发布，采用最新的Angular4，和以往一样的scss，Ionic3和2版本的主要区别就是对懒加载的全面使用。
家威Geek·2020-08-15 18:10

ionic3封装http服务

1、使用命令行创建服务ionicgproviderhttpSer报错信息：1）报错一Error:Uncaught(inpromise):Error:StaticInjectorError(AppModule)[HttpSerProvider->HttpClient]:StaticInjectorError(Platform:core)[HttpSerProvider->HttpClient]:Nu
plia·2020-08-15 18:03

ionic3学习之路（一）

1、第一、二天环境准备1.1、安装Node.js（Windows下安装）1.1.1、下载地址：https://nodejs.org/en/download/1.1.2、安装后命令行下执行：node--version出现版本号表示安装成功1.2、npm安装:执行：npminstallnpm-g命令1.3、ionic安装1.3.1、资源包下载地址：http://ionicframework.com/d
li_zean·2020-08-15 18:01

ionic3学习笔记

1.导航：怎么运行的要从一个页面导航到另一个页面，只需将新页面推入或弹出到堆栈上即可：（1）push()：导航到新页面（2）pop():倒退页面2.UI组件：1.行动表：（饿了么点菜的菜单查看或者删除）import{ActionSheetController}from'ionic-angular';2.警报警报只能用于快速操作，如密码验证，小型应用通知或快速选项。import{AlertContr
土豆逆袭la·2020-08-15 18:14

【ionic3入门】ionic3初尝试之环境搭建

IonicFramework是一款开源SDK，可让开发人员使用熟悉的网络技术（HTML，CSS和JavaScript）来构建高性能，高质量的移动应用程序。Ionic目前基于Angular构建。ionic吸引人的几点：1.免费开源2.跨全平台3.拥有丰富的原生插件4.文档完善ionic可以做到一次编码多端上线！环境搭建步骤：1.安装node.js，可以前往https://nodejs.org/en/
holopopo·2020-08-15 18:13

ionic3常用命令行集合

npminstall-gcnpm–registry=https://registry.npm.taobao.org（npm镜像源指向淘宝）cnpminstall-gcordovaionic（安装cordovaionic）cnpmupdate-gcordovaionic（更新cordovaionic）ionic-help（查看帮助）ionic-v（查看版本）ionicstartmyionictest
Relax-z·2020-08-15 18:43

ionic3使用ionic cordova resource 报错HTTP Error 503: POST https://res.ionic.io/api/v1/upload

【背景】：现目前ionic版本已经到了5.x，nodejs版本也到了V14.5版版本项目使用环境：ionic31、通过ioniccordovaresources生成资源文件报错如下:HTTPError503
zoroDcup·2020-08-15 18:10

ionic3 搭建项目时遇到的坑

1、ionic文档中让下载最新版的node.js，照做下载之后在命令行中检查版本的时候一直不是最新版，感觉就像没有下载过一样？？答案：把原有的node.js卸载掉重新安装node.js。如果不知道node.js安装包在哪里就在命令行中输入:wherenode回车，就可以知道node的位置。2、安装淘宝镜像命令：npminstall-gcnpm--registry=https://registry.
chenkan1158·2020-08-15 18:15

ionic3 搭建tabs+sidemenu组合

这是解决ionic3中侧边栏Menu加上底部Tabs的组合demo搭建，这是在ionic3的官网demo中的blank的基础上搭建的组合。
荣轩浩·2020-08-15 18:01

ionic3微信公众号开发

一、前言之前项目需要，正好使用ionic3开发app,只使用到页面级别，还没到请求数据层面。
Z_pigeon·2020-08-15 18:56

ionic3 angular项目目录结构解析

按照官网教程创建项目之后会生成如下结构树：hooks：编译cordova时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中node_modules：node各类依赖包resources：android/ios资源（更换图标和启动动画）src：开发工作目录，页面、样式、脚本和图片都放在这个目录下www：静态文件platforms：生成android或者ios安装包路径（platforms\
风神修罗使·2020-08-15 18:52

ionic3环境配置、创建项目及apk打包全部详解（Android）

在打包之前先配置好环境（Android）一、基本环境配置1.1nodejs(需要配置环境变量)下载安装node.js即可，安装成功后在cmd中输入node-v查看是否安装成功。1.2jdk(配置环境变量)安装方法：下载完成按照提示安装，不出以为安装路径为：C:\ProgramFiles\java，jdk安装完成，打开环境变量进行相关配置。配置完成后，在cmd中，输入java-version验证是否
An_zhou·2020-08-15 18:35

ionic3的简单打包发布流程

##一.环境配置jdkandroidSDK##二.ionic模板生成安装ionic和cordovanpminstall-gioniccordova创建模板项目ionicstartapptabs运行项目ionicserve##三.打包打包需要签名后才能发布ioniccordovabuildandroid--release--prod说明：release发布版本prod加快启动速度##四.签名生成签名
xlalys·2020-08-15 18:26

ionic3 零基础入门（一）

教程中可能存在因个人能力不足而导致的错误，若有疑问请在评论区提出。本篇目录：一.什么是ionic？二.ionic环境搭建三.通过cmd创建你的第一个ionic应用一.什么是ionic？ionic是一个混合应用开发框架。它的特点是跨平台——即只编写一次代码便可以在Android、ios上运行。“混合应用”：是app的一种，可以理解为：混合应用=网页+硬件控制部分。“框架”：可以理解为是一套准备好的工
weixin_34023982·2020-08-15 18:10

Ionic3 创建应用后，目录结构

ionicstartmyAppblank（空项目）hooks--编译cordova时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中node_modules--node各类依赖包resources--android/ios资源src--开发工作目录，页面、样式、脚本和图片都放在这个目录下www--静态文件src目录：app--应用根目录pages--页面assets--资源theme--
weixin_30348519·2020-08-15 17:06

ionic3之tabs用法详解

[root]Page指定tab希望加载的页面tabTitlestringtab上显示的标题tabIconstringtab上显示的图标tabBadgestringtab上显示的角标数字tabBadgeStylestring角标数字的颜色enabledbooleantab是否可用，默认为trueshowbooleantab是否显示[rootParams]objecttab上传递的参数tabUrlPa
阿龙sir·2020-08-15 17:19

Ionic3安装和项目创建

安装前请注意各个版本的兼容问题，以下版本亲测可用。【安装过程中注意网络必须畅通】1.请预先安装好nodejs(官网：https://nodejs.org/en/)【打开命令行测试】2.安装淘宝镜像命令npminstall-gcnpm--registry=https://registry.npm.taobao.org3.设置全局的npm从国内源加载npmconfigsetregistryhttps:
LEAUQEAAN·2020-08-15 17:14

ionic3 构建项目自动匹配参数

1.src目录下创建env目录，并添加env.dev.ts，env.prod.ts，env.test.ts，可以根据自己需求添加。env.dev.ts:exportclassENV{publicstaticSERVER_API_URL="http://192.168.2.100/api/v1/";}env.prod.ts:exportclassENV{publicstaticSERVER_API_
malonely·2020-08-15 17:11

ionic3 多环境配置

ionic3+angular5一个项目至少有两个环境，开发环境和生产环境。
一条•猪儿虫·2020-08-15 17:49

Ionic3 项目搭建及打包

Ionic3项目搭建及打包一、工具及环境1、node.js搭建项目、运行项目2、JDK1.83、androidsdk安卓打包需要二、安装教程1、下载并安装node.jshttps://nodejs.org
又一根白发·2020-08-15 17:44
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他