IONIC3

ionic3 组件的封装

1.创建组件执行ionicgcomponentloding(组件名),等待创建成功后，目录如下：image.png2.组件之间通过@Input和@Output来进行交互的；@Input:父组件通过@Input将数据传递给子组件需要加载Input模块@Output：子组件通过@Output将数据传递给父组件，需要加载Output和EventEmitter模块loding.html{{values}}
没有昵_称·2020-03-08 09:52

ionic3 拍照或相册上传

环境准备安装cordova-plugin-camera插件cordovapluginaddcordova-plugin-cameranpminstall--save@ionic-native/camera安装File插件ioniccordovapluginaddcordova-plugin-filenpminstall--save@ionic-native/file安装FileTransfer插件
藟Danae·2020-03-08 08:36

Ionic3 项目通过Mac运行在IOS手机上

一、前期准备需要去苹果开发官网上申请开发者证书和配置一些相关问题需要一台Mac电脑二、详细步骤1.进入项目的根目录cdMyProject2.添加IOS平台ioniccordovaplatformaddios3.打开项目找到ProjectName.xcodeproj文件(ProjectName为项目名)路径：目录/ProjectName/platforms/ios/ProjectName.xcode
光脚丫的孩子·2020-03-07 23:49

ionic-适配iphoneX

首先，我的项目是在ionic1环境下创建的，后来升级到ionic3环境，项目还是ionic1的。
一只飞·2020-03-07 07:47

IONIC3验证码倒计时按钮实现

verificationcode.gif通常在登陆注册或重置密码时，需要用到手机验证码，今天开源一个验证码倒计时的按钮实现。1.新建页面ionicgpageforget2.forget.html代码实现找回密码![](assets/imgs/logo.jpg)积分系统{{verifyCode.verifyCodeTips}}重置3.forget.ts代码实现import{Component}fro
IonicBlog·2020-03-06 19:17

ionic3开发环境搭建（以win为例）

Java环境配置1安装jdk1.1官网下载jdk安装包进行安装JavaSEDevelopmentKit8Downloads1.2或者找到jdk解压包进行安装（推荐）2配置JAVA_HOME环境变量JAVA_HOME：[jdk路径]//不要存在中文或空格path：%JAVA_HOME%\bin;%JAVA_HOME%\jre\binCLASSPATH:.;%JAVA_HOME%\lib\dt.jar
gsp412·2020-03-06 12:37

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

本示例是ionic3.3,用了懒加载在app.html中，添加#myNav，在app.component.ts文件通过@ViewChild('myNav')获取：在app.component.ts中：获取
YuRi_1·2020-03-04 13:35

最新动态: 开源项目 ionic3-awesome — 右滑返回上一页

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。
全栈弄潮儿·2020-03-03 05:14

升级ionic3.9, 基于angular5.0,亲测通过

1.首先确保angular已经是5.0版本，cli应该是1.5.5D:\workspaceM\my_project>ng-v__________/\________||______/___|||__|/?\|'_\/_`|||||/_`|'__|||||||/___\||||(_|||_|||(_|||||___||___||/_/\_\_||_|\__,|\__,_|_|\__,_|_|\___
DONG999·2020-03-02 20:49

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

是使用的项目模版.如下图ionic还提供了空白模版和侧边栏菜单模版，更多详情查看ioniccli命令注：有时候由于网络问题或者ionic项目调整使用命令无法下载ionic模版，于是我在github上放了一个ionic3
小军617·2020-03-02 14:30

ionic3 cordova官方插件真机运行报错,例如:ImagePicker

这个错误很。。。官方提供的cordova插件不好使这个很纠结，编译没有问题，但是真机运行就报错，师兄直接想到"改插件"。关键是插件内部的java代码在控制台不输出任何信息，一运行就闪退，什么BUG信息都没有，这就很难受了，，，于是被迫把项目移动到androidStudio中看到了BUG信息BUG信息自行google后发现是版本问题，同时androidStudio中也给出了提示信息AS中给出的提示信
凌风x·2020-03-02 13:54

ionic5+Angular8 状态栏通知+震动+自定义音频

ionic3即时通讯（待机/后台运行可用）github官方文档ionic官方文档blog实例ionic3本地通知加震动和原生音频Ionic3消息推送使用的是ionic5+Angular8（package.json
佐伊er·2020-03-02 09:02

来扯点ionic3[3] 页面的生命周期事件，也就是凡间所说的钩子

往期传送门来扯点ionic3[0]吹完牛再入门也不迟来扯点ionic3[1]创建一个新页面来扯点ionic3[2]页面一线牵珍惜这段缘首先要做一个诚挚的道歉，作为大四狗，因为升学的事情，断更两个月，所以要感谢各位仁慈的读者没有脱粉
忠叔·2020-03-01 07:24

ionic3+Angular4实现接口请求及本地json文件读取

一准备工作首先，ionic3+Angular4的开发环境你得有，这里就不赘述。环境准备好，创建一个空白项目，模板自选。
Hank_谢旱·2020-03-01 02:04

ionic3常用命令

安装淘宝npm镜像：sudonpminstall-gcnpm--registry=https://registry.npm.taobao.org安装ionic3及cordova:sudonpmuninstall-gcordovaionicsudocnpminstall-gcordovaionic
YIYI777·2020-02-29 20:35

ionic3 build很慢的问题解决办法

之前每次测试native的一些功能事感觉很费时费力，因为每次build太慢，平均每次花费半个小时甚至不成功。因为在进行build时，可能会下载一些文件，而因为墙的原因导致很慢。直接说解决办法：下载一个gradle。我选择了这时候最新的gradle-3.5-all.zip在platforms\Android\cordova\lib\builders\GradleBuilder.js文件里面找到dis
忘尘无憾·2020-02-29 14:54

ionic2 环境搭建 2018-04-26

ionic3创建项目至apk打包全过程教程主要流程：安装node.js-->安装jdk-->安装AndroidSDK-->安装cordova-->安装ionic-->创建项目-->编译项目apk一、安装
丶温瞳·2020-02-28 22:06

ionic3 细节

一、ionic3页面生命周期方法ionic3注意：这里还有ngOnInit()等方法详解angular生命周期二、阻止点击事件传递方法(click)="do();$event.stopPropagation
凌风x·2020-02-27 12:14

ionic3 APP升级，安装下载后的apk不能打开问题

使用fileOpener2插件，fileOpener2插件有一下问题，需要自己修改1.修改plugin.xml文件中为解决部分android环境编译问题2.在android文件夹下FileOpener2.java中,打开apk代码，确保安装安装后能直接打开appif(contentType.equals("application/vnd.android.package-archive")){//h
一蓑烟雨任平生_c180·2020-02-27 08:35

ionic3--Cordova-sqlite-storage

1.如果需要使用SQLite，先安装Cordova-sqlite-storage，命令行输入ioniccordovapluginaddcordova-sqlite-storagenpminstall--save@ionic-native/sqlite2在./src/app/app.module.ts中添加import{IonicStorageModule}from'@ionic/storage';
藟Danae·2020-02-26 12:25

Ionic3 Demo

本文为原创文章，转载请标明出处最近又开源了一个小Demo，基于Ionic3.9.2。注册登录功能使用的是WildDog野狗通信云，大家可以放心的注册登录玩。
Metaphors·2020-02-25 23:08

SRM移动应用之通讯录模块

此时刚好ionic3.x框架已发布，由于ionic1.x框架是在ng1.x的框架基础上开发的，但是ionic3.x是在ng4.x基础上开发的。
薪火设计·2020-02-25 00:08

如何将ionic3升级到ionic4

Ionic4是第一个完全拥抱WebAPI（如自定义元素、CSS变量和影子DOM）的版本。它的核心具有框架无关性，它是一个为Web开发人员而生的UI库，无论他们使用什么样的前端工具或框架。Ionic4最大的变化之一就是为每个组件使用了Web组件，这样可以更好地基于框架核心开发新特性。ionic4更好的拥抱了angular，和pc端开发已基本无区别，v3版本开发时路由极其痛苦，相信大家都体会到了欢迎s
OnePiece索隆·2020-02-25 00:10

ionic3 一些小技巧

没有右边的小角标buttonion-item(click)="checkNewVersion()"detail-none>inpout发送短信按手机验证在ioscontent上不想下拉有回弹效果在安卓手机上ion-itemBorder不显示，在variables.css$hairlines-width:1px;$list-border-color:#e0dfe4;$toolbar-backgrou
Kathy丶Andy·2020-02-24 08:43

最新动态：开源项目 ionic3-awesome — 实现九宫格组件

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。
全栈弄潮儿·2020-02-24 02:38

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

环境配置1.安装javajdk2.安装nodejs3.配置cnpm4.安装ionicionic4安装最新版cnpmi-gionic@latestionic3建议安装：[email protected]
小军617·2020-02-23 19:12

最新动态: 开源项目 ionic3-awesome — 实现fullScreenVideo

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。
全栈弄潮儿·2020-02-23 05:17

最新动态：开源项目 ionic3-awesome — 实现生成带logo二维码组件

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。
全栈弄潮儿·2020-02-23 02:48

使用Ionic3创建原生app系统入门

前提需要安装node.js官方文档：https://ionicframework.com/docs/intro/installation/安装脚手架npminstall-gioniccordova创建项目ionicstartmyApptabsstart命令代表创建新app项目.myApp是新项目的工程及文件名tabs是采用提供的模板类型ionic提供了一些模板tabssidemenublanksu
易兒善·2020-02-22 18:29

ionic3升级适配angular5

昨天angular5和ionic3同时发布更新了，为了用上angular5的新特性，还是有必要踩下坑的，当然踩坑的白老鼠建议选用一个最近不用维护的项目。
IT晴天·2020-02-22 12:37

Mac OS配置ionic环境和开启android虚拟机

需要androidstudionpminstall-gioniccordovaproject环境配置npminstall--saveionic3-index-listnpminstall--saveion-multi-picker
chenjiangtao·2020-02-22 02:50

ionic3 创建 ionic1项目

然后如果你想创建一个Android应用的话，再执行下面的代码 cdmyApp ionicplatformaddandroid ionicbuildandroid ionicemulateandroid但是在ionic3
邪人君子·2020-02-21 18:04

ionic3懒加载中使用自定义组件component

问题:由于使用了懒加载所以不能像之前一样直接引用component对象,在网上找了好多办法找了好多尝试终于知道怎么调用component了,记录一下使用自定义组件的详细过程解决:1.ionicgcomponentmycomponent,新建名为mycomponent的自定义组件2.在app.module.ts中删除mycomponent的引用3.在想使用此组件的懒加载控件中导入mycomponen
冷鸢J·2020-02-21 00:54

Ionic3大版本升级后，文件缓存清理

升级后，新App中保留了老App的数据和文件，需要清除应用数据后才会更新界面。这个要如何解决？设想方案：1、安装App后写个钩子，清空缓存文件2、url中加上版本号3、新应用首次运行清除缓存数据想了那么多，最后就设置了config.xml中的一个值就解决：在widget标签上添加属性android-versionCode="8"感谢这位作者的帖子：Ionic热更新实践笔记image.png
飞牛_全栈·2020-02-20 14:50

ionic3页面间数据传递及Events

1.将数据传递到要跳转到的页面（1）push()要将新页面推送到堆栈，可使用push方法。同时也可以通过将数据传递给push方法的第二个参数，来将数据传递给下一个页面。import{LoginPage}from'./login';pushPage(){this.navCtrl.push(LoginPage,{id:123,name:"Carl"});（2）[navParams]属性：import{
走停2015_iOS开发·2020-02-20 11:54

关于IONIC项目在上传FileIamge文件遇到的问题

由于之前在公司做项目用的都是ionic2所以上传文件或者图片这些东西都很简单也没有什么困难，比较用的语法还是很正常的，now，很无语的切换ionic3就很蛋蛋碎了，他喵的上传了一个下午的图片死活就是上传不上去不是后台提示图片格式不对就是传参有问题
夜色_a393·2020-02-19 04:03

ionic3 升级

//注：下载成功后如果app无法自动安装，提示exposedbeyondappthroughIntent.getData()，需要修改AndroidManifest.xml，可以在platforms/android/app/src/main/AndroidManifest.xml中找到文件，尽量保持android:targetSdkVersion版本在24以下。//1安装插件//权限$ionicc
my木子·2020-02-18 07:27

最新动态: 开源项目 ionic3-awesome — 实现自定义modal

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。
全栈弄潮儿·2020-02-17 23:19

ionic3项目实战教程 - 第7讲 ionic3商品列表页的实现

这一讲主要包含以下几个部分：1.创建商品列表页2.根据分类获取商品列表2.展示商品列表1.创建商品列表页执行ionicgpageproduct-list7-1.png实现点击首页分类跳转到该列表页：在home.html中增加click事件{{c.FavoritesTitle}}在home.ts增加goProductList()函数，goProductList(item){this.navCtrl.
IonicBlog·2020-02-17 09:06

ionic3 android打包报错 What went wrong:Execution failed for task ':processReleaseResources'.> com.android.ide.common.process.ProcessException

一、运行build打包命令，报如下图错误打包错误描述图二、解决报错的方法先运行添加android平台，版本是6.3.0（可根据自己需求添加版本）运行命令如下：[email protected].在根目录中找到platform——>android文件夹下的project.properties文件，打开该文件如下：project.properties将上图划红线
Steven2619·2020-02-17 08:16

解决ionic安卓启动慢及白屏问题

ionic3在安卓平台上启动慢导致用户体验不好以下方法可缩减启动时间修改app.component.tsdeclareconstwindow:any;@Component({templateUrl:'app.html
OnceWhite·2020-02-17 02:08

ionic3自定义组件

目录结构（src）编写组件*ion-products.html{{products}}*ion-products.tsimport{NavController}from'ionic-angular';import{Component,Input}from'@angular/core';@Component({selector:'ion-products',templateUrl:'ion-prod
叮铃桄榔_f7cb·2020-02-16 12:32

命令行ionic老是装不上，失败的问题

1、切换数据源到taobao的镜像，sudonpmsetregistryhttps://registry.npm.taobao.org2、再执行sudonpminstall-gcordovaionic3
WMSmile·2020-02-16 08:28

ionic2.x项目升级到ionic3.x后所遇到的坑

前言：之前做ionic项目时用的是ionic2.x的版本，项目做好时发现ionic都发布了ionic3.3.0的版本了，据官网文档介绍从ionic2.x→ionic3.x改善的挺大的，于是决定把项目升级到
hk_sky·2020-02-16 00:42

ionic3引入RSA第三方库

tsconfig.json文件中allowJs:truetsconfig.jsonsrc/index.html中引入第三方库(js)index.html写一个对外接口文件，同样在index.html中引用这里我们声明一个RSAUtil对象，并向外暴露(exports=RSAUtil)让其他类可以引用内部方法仿照JS即可RSAExceport.jsindex.html接下来我们要在需要RSA的ts里
凌风x·2020-02-15 05:29

ionic3 ion-button 英文自动成大写

作者：猿奇链接：www.jianshu.com/p/9d8c7b7558d8來源：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。如有疑问，可评论联系作者，热心解答，从不怼人。。。加上style="text-transform:none;"就会自动变成英文啦Submit
猿奇·2020-02-15 02:55

Ionic3 瀑布流布局

下面就介绍一下如何在ionic3中使用瀑布流布局。首先创建一个项目，这里不多做介绍。我们用about这个模块来进行瀑布流的开发。
待花谢花开·2020-02-13 18:51

ionic3项目实战教程 - 第8讲 ionic3商品详情页的实现

这一讲主要包含以下几个部分：1.创建商品详情页2.获取商品详情页的数据3.展示商品详情页的数据1.创建商品详情页执行ionicgpageproduct-details8-1.png实现点击商品列表项时跳转到商品详情页：在ion-products.html中增加(click)="goDetails(p)"事件，实现跳转：在ion-products.ts增加goDetails()函数，goDetail
IonicBlog·2020-02-13 16:19

ionic3热更新注意事项

1、npminstall-gcordova-hot-code-push-cli2、ioniccordovapluginaddcordova-hot-code-push-pluginionicpluginaddcordova-hot-code-push-local-dev-addon3、根目录新建cordova-hcp.json文件：{"autogenerated":true,"content_ur
YIYI777·2020-02-13 12:01

ionic3学习（3）：页面跳转以及隐藏二级菜单tabs和修改返回按钮

1.首先新建一个页面(ptest)进入项目目录，然后创建页面（ptest）#cd/Volumes/My\Mac1/code/secondDemo//进入项目目录#ionicgpageptest页面创建好后会出现在page目录下通过命令行创建的页面如图2.创建了页面还需要在app.module.ts中引入页面，并且申明如图三个位置需要修改，代码如下//页面ptest注册一下下import{Ptest
告爬子·2020-02-12 12:06
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他