IONIC3 第14页

ionic3修改android安装显示的名称

先弄清楚android工程中platforms／android/res/values/strings.xml中app_name、launcher_name、activity_name的区别：测试app//安装或者设置过程中app名称的显示测试//在屏幕上的显示@string/launcher_namecordova项目可通过修改config.xml中name标签的值，修改app_name；shor

风语菡·2020-01-03 22:46

Angular4 及 ionic3 教程随笔（一）

初学前端跨平台，水平尚浅，如有错误多多指教。由于ionic包含在angular外层（或者可以理解为ionic为angular的一个扩展套件ps:对于手机跨平台开发来说,cordova也可以理解为ionic的一个套件或者angular的套件之一，用来桥接前端页面和手机原生功能），因此ionic项目有着和angular同样的工程目录结构（如图1）：图1其中,index会作为app或页面应用启动加载时的

fality·2020-01-03 12:33

ionic4指北

由于各种原因，我最近才开始入门ionic4，目前我在github上已经建了一个ionic4开发模版项目，正在不断完善ionic4明显比ionic3快了，angular7也比angular4更易用，打算就用

小军617·2020-01-02 17:46

ionic3 获取微信授权登录

ionic3获取微信授权登录，虽然插件齐全，但是还是遇到了不少坑。

大唐帝国·2020-01-02 09:04

ionic3 ios 遇到的问题

好记性不如烂键盘，记录一下自己遇到的问题。tabs切换的时候会有一瞬间白屏，百度了一堆，都是ionic1改变timeout()，对3不适用，用了wkwebview之后会变好，但是导致http跨域，如果有人解决，望回复，不胜感激1.用npm下载失败之后，然后我就番茄，发现还是下载不下来，就到文件夹找到ionic文件夹删除,在进行下载（安装的时候尽量不用cnpm，据说是会遇到下载出来的包不兼容的问题。

不错哦_e6d8·2020-01-02 00:55

如何关掉ionic3 CLI的版本更新提示

在使用ioniccli命令时，会弹出ionic版本更新的提示，但有时根本不想更新或者适用脚本自动构建的时候，是特别不希望这个出现的，那么这个该如何关掉这个提示呢？方法一：在ionic命令后面加个参数--no-interactive，就不会出现这个提示了。如：ionicserve--no-interactive参考：https://ionicframework.com/docs/cli/config

风语菡·2020-01-01 14:09

ionic3自定义组件

刚入坑ionic3，就碰到Templateparseerrors:'xxx'isnotaknownelement这个错误。愣是捣鼓了半天，才解决自定义组件问题。

缄念·2020-01-01 09:36

Ionic入门-3（插件使用）

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

lhl_012·2020-01-01 08:53

Android跨进程通信IPC之9——Binder之Framework层C++篇2

Android跨进程通信IPC整体内容如下1、Android跨进程通信IPC之1——Linux基础2、Android跨进程通信IPC之2——Bionic3、Android跨进程通信IPC之3——关于"JNI

隔壁老李头·2020-01-01 07:41

我的ionic3日记（1）

安装与环境配置1、安装node.js2、安装ionic和cordova,并验证安装验证3、创建应用：cd到要创建的项目的目录，运行ionicstartmyapptabs（myapp是项目名，tabs是ionic模板）出现以上错误是因为安装git后没有配置git的用户信息，解决方法：在开始菜单中找到git->gitbash，在命令行输入gitconfig--globaluser.name"你的用户名

迷失de永恒·2019-12-31 22:19

【Appetite】ionic3实录（三）修改自定义图标

常见图标有图像图标和字体图标两种，在移动端，字体图标对比图像图标有不少优点，所以一般采用字体图标为主。而字体图标的优缺点(使用图标字体的优点与缺点|骤雨打新荷)摘录如下，有兴趣可了解下：图标字体的优点：1、扩展性更强：图标字体可任意缩放、改变颜色、产生阴影或透明效果。2、灵活性更高：图标字体可以得到CSS的很好支持，大小和颜色都很容易用CSS控制。3、显示效果佳：矢量图标字体与分辨率无关，无论屏幕

IT晴天·2019-12-31 10:50

Ionic4与Ionic3部分比较

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

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

ionic3-环境搭建

必备基础环境(windows环境下-ios类似)·nodeJS·ionic·cordova·JDK·androidSDK·gradle第一步：JDK、SDK、gradle的安装、环境变量的配置在此不再复述，自行百度。注意的是记得用SDKmanager把需要的android版本安装一下第二步：nodeJS安装官网地址:http://nodejs.cn/download/按需下载下载安装成功后打开wi

凌风x·2019-12-30 10:25

Android跨进程通信IPC之9——Binder之Framework层C++篇1

Android跨进程通信IPC整体内容如下1、Android跨进程通信IPC之1——Linux基础2、Android跨进程通信IPC之2——Bionic3、Android跨进程通信IPC之3——关于"JNI

隔壁老李头·2019-12-30 01:52

ionic3 ModalController

纯个人笔记ModoleCtrl//第一个页面model(){letmodel=this.modal.create('DismissPage')model.onDidDismiss(data=>{console.log('data:',data);})model.present()}//第二个页面dismissclose(){this.viewCtrl.dismiss({type:'111'})}i

Kathy丶Andy·2019-12-29 16:47

Ionic3 拍照上传

为了方便查看测试结果，需要了解Ionic应用调试的基本方法，有关于Ionic项目Android调试的详细教程，请参考以下文章：Ionic3Android调试源码地址ionicAPIcordovaAPI界面预览项目是基于

spilledyear·2019-12-28 20:22

ng-zorro-mobile，踩坑记

兼容ionic4，但暂不兼容ionic3ionic3和ionic4差别是比较大的，所以ionic3二次封装的组件基本是不能直接用在ionic4上。

IT晴天·2019-12-28 18:45

ionic3 环境搭建

1.下载node官网(http://nodejs.cn/)一路next完成。环境变量自己会配置node-v查看版本号我的是6.5.02.下载ionicnpminstall-gionic默认是最新版本ionic-v3.10.33.npminstall-gcnpm--registry=https://registry.npm.taobao.org淘宝镜像建议不使用会导致包的不兼容出现打包到手机上样式丢

不错哦_e6d8·2019-12-28 08:15

ionic4 全局样式文件路径配置

ionic4全局样式文件路径配置从ionic3升级到ionic4后会遇到之前定义的全局样式和样式函数无法正确使用的问题，需要在每一个引用的地方把variables.css文件引入进去。

一只特立独行的道哥·2019-12-28 08:26

ionic3自定义日期滑动选择组件（兼容性有问题，仅作为思路参考）

最终效果：自定义datetime组件.gif代码书写过程中难点在于：1、根据年月，动态计算日，并且切换到当前日的显示。2、组件export输出数据的值时，picker.js系统组件中默认输出内部selectindex指向的value，但是实际可能是不正确的，需要输出显示的日的值。3、MutationObserver观察者模式的使用：【学习地址】4、ion-multi-picker的使用：【官方说明

飞牛_全栈·2019-12-27 04:53

【Appetite】ionic3实录（四）微调Segment，并引出自定义组件概念

再次观察UI设计效果图，里面用的比较多的是这种样式的选项卡：image.png用ionic3来实现就是采用segment组件。

IT晴天·2019-12-26 17:00

IONIC3 打包ios app(一) Windows虚拟机安装MAC系统

ionic3也接触一段时间了，基本上是查看官方文档和中各位大神的总结（PS：感谢“IT晴天”大大），今天来总结一下上周我在mac系统中打包ionic遇到的一些坑首先最最最重要的我选择的是：vm14macos10.13

陆碌·2019-12-26 13:03

Ionic3 ionChange获取value值及Tab切换

作者：猿奇链接：www.jianshu.com/p/9d8c7b7558d8來源：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。1、ion-toggle点击“开关”：调用toggleFun方法将toggle值传到ts:ts调用：publicisToggled:boolean;constructor(...){this.isToggled=false;}publictoggle

猿奇·2019-12-26 13:08

ionic3 + 实用

二级页面隐藏tabbarapp.module.ts内@NgModule下@NgModule({imports:[IonicModule.forRoot(MyApp,{tabsHideOnSubPages:'true',//二级页面隐藏tabbar}]})特定页面隐藏tabbar在指定页面的ts文件内非.module.ts文件ionViewWillEnter(){//进入界面资源还没有加载完成时,设

余生社会·2019-12-25 12:37

ionic3 实现页面间传值

在ionic中，页面跳转一般有两种形式ModalController和NavController。接下来分别介绍一下这两种跳转如何正向传值和反向传值。ModalControllerModalController通常用于选择或编辑某项目。它不可以被重复使用，并且当他dismiss后会被彻底销毁。正向传值首先在第一个页面引入ModalControllerimport{ModalController}f

Snorlax丶·2019-12-24 10:30

ionic3.X 自定义pipe

1.在src目录新建pipes文件夹，使用Cli命令ionicgeneratepipemattDamon生成pipe文件注意：这里有个坑，自动生成的pipe文件中的@Pipe修饰的name值可能会有"-"，ionic对此敏感，要去掉"-"，比如我将matt-damon改成了mattDamonPaste_Image.png2.在pipes文件夹里新建pipes.module.ts文件，将项目中所有的

YuRi_1·2019-12-23 23:08

ionic3 关于*ngFor 嵌套多层循环的用法详解

本文参考链接:详解Angular2关于*ngFor嵌套循环目前已经用ionic开发的同学大多都会遇到一个问题,如何把一个数据集合按照预期展示在html页面,本文以下会罗列多层数据嵌套如何循环遍历并展示的问题.1.我们先罗列几种格式的数据://1.数组->字典datas:Array=[{num:1,date:"2017-04-12",sellNum:"1231234",sellMpney:"1233

阡陌不言·2019-12-23 01:34

ionic3 极光推送

极光推送官网：https://www.jiguang.cn/push注册账号，创建应用，记录AppKey,应用包名与ioinic包名一致（config.xml下widget的id）ionic安装cordovapluginaddjpush-phonegap-plugin--variableAPP_KEY=your_jpush_appkey安装npminstall--save@jiguang-ioni

余生社会·2019-12-22 22:29

ionic3 教程（三）设置页制作

链接：ionic3教程（一）安装和配置ionic3教程（二）登录页制作ionic3教程（三）设置页制作ionic3教程（四）安卓硬件返回键处理ionic3教程（五）基本的网络请求现在大部分App，都会有自己的设置页

Snorlax丶·2019-12-22 20:41

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

ionic3 添加动画

为了让ionicapp的效果更接近原生，动画效果必不可少，在此列举两种方式添加动画。第一种方法1.installweb-animations-jsnpminstallweb-animations-js2.引用//在main.ts导入import'web-animations-js/web-animations.min';//在app.module.tsimport{BrowserAnimation

OnceWhite·2019-12-21 07:44

Ionic3学习笔记（十）实现夜间模式功能

本文为原创文章，转载请标明出处目录创建主题样式导入variables.scss创建provider创建page在App入口处应用主题效果图1.创建主题样式在./src/theme文件夹下创建theme.light.scss、theme.dark.scss2个文件，分别用于日间模式、夜间模式的设置。�theme.light.scss:.light-theme{ion-content{backgrou

Metaphors·2019-12-20 07:44

ionic3 关掉Typescript Error的XXX declared but never used 的提示

ionicserve后，工程可能会报TypescriptError的XXXdeclaredbutneverused的提示，有时可能只是声明下以后会用到的变量或者类，但是不去掉就不能运行项目，那如何关掉这个提示呢？答案是修改工程tsconfig.json中的noUnusedParameters和noUnusedLocals改为false，如：示例图修改后，重新ionicserve就不会报这个错了。

风语菡·2019-12-17 20:53

ionic3热更新详细步骤

需要说明的是，ios已经申明禁止app中包含热更新插件。2017年6月，AppStore审核团队针对AppStore中“热更新”的App开发者发送邮件，要求移除所有相关的代码、框架或SDK，并重新提交审核，否则就会在AppStore中下架该软件。一、安装npminstall-gcordova-hot-code-push-cliioniccordovapluginaddcordova-hot-cod

飞牛_全栈·2019-12-17 16:59

ionic3 自定义按钮切换tabs页

我们一般切换页面，多数通过点击下面的tabs来切换，但是也有可能我不希望通过点击tabs来切换，比如，我在home页上有一个按钮。我想点击首页上的这个按钮直接切换到搜索页上去，如果用NavController.setRoot()，NavController.push()是不行的，这两种方法会直接替换掉整个tabs页面，下面是我的做法：我考虑通过一个共享服务来处理page页面和tabs之前的通信。当

发财的哥·2019-12-17 00:18

ionic3项目实战教程 - 第1讲 ionic3环境安装项目搭建

IONIC3终于趋于稳定，这次的教程选的是一个简单商城案例，主要包含商品分类，和商品列表，商品详情、个人中心。

IonicBlog·2019-12-16 16:30

ionic3.X 自定义 component

1.使用Cli命令ionicgeneratecomponenttestHello注意：ionic对component,page等敏感，所以命名最好不要含有这些自动生成了如下文件和代码注意，新建component时会自动在app.module.ts里导入，请手动删除Paste_Image.png2.使用在需要使用页面的module.ts里导入此component，比如：Paste_Image.png

YuRi_1·2019-12-16 08:16

ionic4处理android返回按钮事件

前言之前在这里介绍了ionic3如何处理android返回按钮ionic4和ionic3关于android返回按钮的处理是不一样的，而且有点坑，所以本文介绍一下效果演示如下gif，所有返回操作，包括关闭

小军617·2019-12-16 08:19

解决ionic3 无法访问https请求的问题

在ionic的开发中，我需要用进行https请求，但是我发现在debug下访问没有问题，但是一旦打包签名后就无法访问了。这是由于在测试APK的时候，如果后端API为https的，而且在测试服的https证书是非正式的话，会导致测试版apk无法发起http请求。我是用的是自签名的证书，因此导致无法访问。经过苦苦寻觅，终于找到了一种忽略ssl认证的方法，可以解决遇到的问题。方法如下：android端找

ouxuwen·2019-12-16 01:49

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

命令ioniccordovaresourcesioniccordovaresources--iconioniccordovaresources--splash准备准备一张大小为1024*1024的图片文件作为APP的图标（命名：icon）准备一张大小为2732*2732(ionic2为2208*2208)的图片作为APP的启动界面（命名：splash）两张图片的格式为png、psd或ai都可修改方

JoyoDuan·2019-12-15 15:10

第二节：ionic3探索之路-懒加载

Ionic3懒加载实现为什么使用懒加载？在实际开发中，越复杂的功能就会占用越多资源，写越多的代码，那么打开App的时候就需要用更多的时间，因为是同时加载了所有的资源，切换也会使用更多的时间。

旧城城旧·2019-12-15 06:53

ionic3-环境搭建问题

安装步骤大致和ionic一样：http://www.jianshu.com/p/3c5d91ca05cf一、但是编译运行到手机端，会有许多新问题：很尴尬，要这样：ionicstartUDahuo.Appsidemenu--no-git--skip-deps具体参考：http://www.cnblogs.com/ejiyuan/p/6285762.html二、ionicserve又出错：参考：htt

一只飞·2019-12-15 04:55

ionic3 教程（五）基本的网络请求

链接：ionic3教程（一）安装和配置ionic3教程（二）登录页制作ionic3教程（三）设置页制作ionic3教程（四）安卓硬件返回键处理ionic3教程（五）基本的网络请求这是最后一节，本节主要用最简单网络请求和基本的内置指令做一个演示

Snorlax丶·2019-12-15 03:37

ionic3 命令行报错解决方法大全（持续更新）

Snorlax丶·2019-12-15 00:58

Error: cordovaProject.projectConfig.getFileResources is not a function解决方法

从ionic3降级到ionic2后，增加平台出现这样的错误：Error:cordovaProject.projectConfig.getFileResourcesisnotafunction。

denpendent·2019-12-14 04:19

Ionic3使用Geolocation获取经纬度

安装：$ioniccordovapluginaddcordova-plugin-geolocation--variableGEOLOCATION_USAGE_DESCRIPTION="Tolocateyou"$npminstall--save@ionic-native/geolocation在app.module.ts中导入,注意，providers中要声明：import{Geolocation}

吾乃开路先锋是也·2019-12-14 03:57

Ionic3 从其他页面返回主页侧边栏失效问题

返回到主页的方法是：navCtrl.push(HomePage)的方式跳转的。手动调用push(page),方法返回到主页所以，需要使用以上方法返回的逻辑时，应该在跳转到其他页面前调一下viewCtrl.dismiss()关闭掉侧边栏先。因为跳转的时候，侧边栏实际上还在，这时候调一下这个方法，就会关掉侧边栏。注：这是在做的过程中自己总结出来的，如果有更好的方法，还请各位大神们指点留言在下，感激不尽

温挺好的·2019-12-13 09:05

ionic3 教程（二）登录页制作

链接：ionic3教程（一）安装和配置ionic3教程（二）登录页制作ionic3教程（三）设置页制作ionic3教程（四）安卓硬件返回键处理ionic3教程（五）基本的网络请求运行platform中iOS

Snorlax丶·2019-12-11 19:24

ionic3 教程（四）安卓硬件返回键处理

链接：ionic3教程（一）安装和配置ionic3教程（二）登录页制作ionic3教程（三）设置页制作ionic3教程（四）安卓硬件返回键处理ionic3教程（五）基本的网络请求前几天测出了一个问题，就是在根目录点击安卓的硬件返回键

Snorlax丶·2019-12-08 13:07

ionic3环境搭建

Node至少6.0以上的版本。1、安装node1)使用官网安装包安装,点LTS那个下载，稳定版安装：双击相应文件，默认安装即可。2)使用nvm安装node(推荐，适用Mac)a.先卸载之前安装的node／npm(mac下需要使用sudo)sudorm-rf/usr/local/lib/node_modules#删除全局node_modules目录sudorm/usr/local/bin/node#

风语菡·2019-12-08 11:52

推荐频道

IONIC3