IONIC3 第11页

ionic3——ngx-translate语言国际化

ionic3按照官方手册使用：https://ionicframework.com/docs/developer-resources/ng2-translate/还是出现了两个问题：1、ERRORTypeError

一只飞·2020-04-01 17:02

ionic1开发之适配iOS 11和iPhone X

hhjjj1010·2020-04-01 16:43

ionic3 解决FormGroup里面的disabled的warning

我要做的是：当点击修改，input和select变成可输入可修改的状态；点击确认，则变成不可修改的状态。{{bb}}input写[readonly]="isReadonly"，是完全OK的，但是select写[disabled]="isReadonly"就会有warning出现：好吧，图片上传不上来了，把waring粘出来吧：Itlookslikeyou'reusingthedisabledatt

云小诺·2020-04-01 13:20

ionic3中字体问题

移动端中如果手机设置了字号，APP中的字号会根据系统的字号缩放，通过MobileAccessibility插件来解决这个问题。cordovapluginaddhttps://github.com/phonegap/phonegap-mobile-accessibility.git//指定版本npminstall--save@ionic-native/[email protected]

迪拉达桑·2020-04-01 08:58

ionic3+angular4

背景介绍：环境搭建：第一步：安装node,注意最好安装最新稳定版第二步：安装git,打开mac终端，直接输入git回车即可，安装python第三步：安装JDK(JavaDevelopmentKit)配置JAVA环境1.下载JDK：http://www.oracle.com/technetwork/java/javase/downloads/index.html2.下载完成后双击安装，完成后在终端运

ionic100·2020-03-31 09:03

ionic3项目实战教程 - 第5讲 ionic3商城首页透明导航栏设计

这一讲主要包含以下几个部分1.配置APP主色调；2.设置ion-content组建的fullscreen属性；3.设计透明导航栏配置APP主色调；找到src/theme/variables.scss，修改$colors的primary颜色值：variables.scss$colors:(primary:#f8285c,secondary:#32db64,danger:#f53d3d,light:#

IonicBlog·2020-03-31 07:35

ionic3-Android App签名

前言我们要将App上传到应用商店中，必须要签名才能上传给App签名，实际是像我们的身份证一样给App一个唯一身份标识生成签名文件（.keystore文件）使用命令生成“签名文件”keytool-genkey-v-keystore签名文件的名称.keystore-alias别名-keyalgRSA-keysize2048-validity10000如图：生成moon_admin.keystore文件

JoyoDuan·2020-03-31 05:27

[email protected]以上灵活修改配置

还记得我在此文【技巧】ionic3优雅解决启动前、后黑白屏问题中添加了一个勾子插件cordova-custom-config来修改配置的主题。

IT晴天·2020-03-29 18:07

ionic3学习记录之-环境搭建

一ionic3环境搭建之快速开发http://ionicframework.com/docs/官网是个好东西，但是对于英文差点还是跟着我点走吧。

孤单的天使·2020-03-28 11:46

ionic3中使用极光推送

一、极光推送基于cordova插件的，所以安装cordova插件命令：npminstall-gcordova查看cordova是否安装成功cordova-v（-v是--version的缩写，代表检测版本）image二、按照极光官网提供安装，有三种方式1、通过CordovaPlugins安装，要求CordovaCLI5.0+：cordovapluginaddjpush-phonegap-plugin

努力的静静·2020-03-28 11:07

ionic3项目实战教程 - 第2讲 ionic3懒加载配置

配置懒加载需要以下几个步骤：1.给需要懒加载的页面配置module.ts；2.在对应页面的.ts文件里增加@IonicPage()特性；3.在app.module.ts移除页面引用；4.使用懒加载；5.懒加载运行效果图；1.配置module.ts依次配置about.module.ts、contact.module.ts、home.module.ts、tabs.module.tsabout.modu

IonicBlog·2020-03-28 03:02

Ionic3 快速上手

本文是Ionic3系列的第一排你文章，主要介绍开发环境的搭建过程，之后的文章将依赖此应用，不再涉及到环境搭建方面的内容(除非是添加特性)，Ionic官方文档：ionic官网ionic官方文档本项目github

spilledyear·2020-03-28 03:54

ionic3 mac os 下真机测试

想试试ionic3在macos下的打包真机运行。无奈xcode必须在macos上才能安装使用，所以只能在vmware上安装了macos试试。

wzfjesun·2020-03-27 02:58

ionic3 适配 ios11 状态栏问题

之前一直用cordova去打包生成ipa包.在ios上运行的都好好的.但是升级到ios11后,突然发现预留的20px的状态栏高度没了.这个就有点坑,查了下ios11的一些改动发现,原来是某些系统方法失效造成:情况1.状态栏默认为白色.但为多出来了20px.(需要做隐藏处理)情况2.直接没有预留20px,状态栏直接覆盖在内容上我这里遇到的是情况2的问题解决方案是使用cordova-plugin-io

天亮前被寻找的一只猫·2020-03-26 12:17

ionic3 Jpush [email protected] 极光推送安卓

添加平台[email protected]。添加cordova-plugin-jcore插件[email protected]再安装[email protected]_KEY=xxxnpminstall--save@jiguang-

繁_e6c7·2020-03-24 09:03

【指令篇】自定义mode实现平台样式选择

在【技巧】ionic3的小彩蛋这篇文件中，提到过一个内容：一些组件提供mode属性，方便选择不同平台样式，但是有部分组件是没提供的，这时可以考虑强行添加目标平台对应的类名来覆盖原有样式，但是会存在风险。

IT晴天·2020-03-24 07:58

ionic3 调取照片机，音频，视频插件上传服务器

//import{HttpClient}from'@angular/common/http';import{Injectable}from'@angular/core';import{ImagePicker}from'@ionic-native/image-picker';//引入插件import{ActionSheetController,Platform}from'ionic-angular'

Andy_永恒·2020-03-23 18:25

ionic3集成进微信公众号使用微信自带导航栏的方法

将开发好的ionic3项目加入到微信公众号中，在微信浏览器访问，使用ionic的自带的导航栏难免会跟微信自带的导航有冲突，而且会出现双导航栏的现象，如下。

叶子丶恬·2020-03-23 17:42

【技巧】ionic3善用数据变更检查

有时候出现model变更了，但是页面没有更新这个问题是ng2中的变更检测策略造成的，ng2并没有智能到一有数据变更就能自动检测到的，有些特殊情况，并没有触发ng的变更检测。执行变更检测的一些情况有：组件中的输入发生变化、组件中有事件响应、setTimeOut函数等。解决办法也很简单，ng支持手动触发变更检测，只要在适当的位置，调用变更检测即可。场景一利用Cordova插件加载本地图片显示在html

IT晴天·2020-03-23 11:57

最新动态：开源项目 ionic3-awesome — 实现iframe嵌入外部网页

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。

全栈弄潮儿·2020-03-23 00:13

ionic3 关于Segment 切换卡第一个默认不显示的问题

这两天用ionic3些项目，遇到了这个问题，记下来，哈哈。。。。。。image.pngimage.png本来应该是图一的样子，但是Segment切换卡默认不显示，所以你就看到了图二的样子，怎么办呢？

不染事非·2020-03-22 20:12

Ionic3入门与常见问题

一.前言介绍一个比较火的混合开发技术框架，ionic。之前使用过framework7，但是接触到ionic后，感觉两者的差距还是蛮大的，如果你想要开发功能比较复杂的app，建议还是使用ionic。二.简单介绍简单介绍一下，ionic是一款html5手机应用开发框架，它提供了很漂亮、交互性好的UI组件，可以让我们快速开发；基于原生的API，我们可以通过插件的形式来实现原生的功能。官方网站更新很快，而

vanTu·2020-03-22 19:50

基于ionic3框架开发之px转REM布局实现过程

前言由于以前的srm移动应用项目采用ionic1.x版本进行开发的，由于性能不足诟病，导致想要对srm移动框架进行升级操作，但是旧版本的srm移动应用采用的是rem布局，ionic3.x版本基本上很难想前兼容

薪火设计·2020-03-22 11:45

最新动态：开源项目 ionic3-awesome — 实现通讯录功能

项目地址：https://github.com/artdong/ionic3-awesome从零开始搭建一个ionic3app，集成更多通用功能，通用组件。

全栈弄潮儿·2020-03-22 01:16

Ionic3学习笔记（二）主题化

本文为原创文章，转载请标明出处目录CSS实用属性文本相关位置相关padding&margin自定义颜色平台样式覆写IonicSass变量RTL支持1.CSS实用属性文本相关text-{modifier}text-sm-{modifier}min-width:576pxtext-md-{modifier}min-width:768pxtext-lg-{modifier}min-width:992px

Metaphors·2020-03-21 10:11

Ionic3 自定义组件实现图片懒加载效果

在使用ionic3的过程中，我们可以使用angularjs的组件特性进行组件的自定义开发，对一些特定条件下的需求开发对应的组件。下面我们就通过自定义组件来实现图片的懒加载效果。

待花谢花开·2020-03-21 09:59

ionic3 refresher 优化

ionic下拉刷新有ion-refresher组件很方便对吧但是，总感觉跟别的app下拉刷新的感觉不太一样，嗯，不够原生怎么办呢？方法来了：[pullMin]保持默认[pullMax]设大一点300500800都行关键是：将ionic源码components/refresher/refresher.js中this.deltaY=(coord.y-this.startY);替换成this.delta

是深夜·2020-03-20 17:31

【开发指南】（三）认识ionic3

如果你要做一个app应用，你有最少三种方式：原生开发、加壳在线WebApp开发与混合式开发。三者简单说明如下：原生开发就是用原生支持的开发语言，调用原生SDK开发；加壳在线WebApp是在一个WebView容器执行，网页部署在服务器，基本不调用原生功能；而混合式开发，如果有了解过一些的话，那一定应该听说过PhoneGap／Cordova和ReactNative，两项技术都可以让开发人员使用Web技

IT晴天·2020-03-20 03:05

ionic3 使用懒加载（译）

1.更新到ionic3.1把node_modules/文件夹中的所有依赖删掉.2修改package.json,如下："dependencies":{"@angular/common":"4.0.0","

cpu_driver·2020-03-20 02:32

angular4学习笔记整理（一）

好久没写点东西了，毕业刚刚回到上海，就马上出差去了杭州去做apph5的webview开发，用的是ionic3，ionic现在学习还没学完，现在就把自己学到的angular的笔记整理一下。

SHpoi·2020-03-16 22:22

ionic3中实现吸顶菜单的效果。

实现思路：利用position:absolute/fixed，在不同的状态进行切换。如何找出切换的临界假设我们需要吸顶的菜单height:4.4rem.菜单当我们的文档滚动高度大于吸顶菜单的高时，动态设置cssposition:fixed,反之，position:absolute.代码：if(scrollTop>offsetHeight){position="fixed"}else{positio

Hoistthecolors·2020-03-16 12:11

ionic3项目实战教程 - 第4讲 ionic3商城首页设计(幻灯片+图标分类)

商城首页主要包含以下几个部分1.使用ion-slide实现首页幻灯片；2.使用ion-grid实现商品分类；3.使用ion-list实现商品列表；说一下实现思路1.先获取网络请求的数据，查看数据结构；2.根据数据结构来判断需要展示的数据，编写html；3.调整界面样式，编写scss；准备工作开始之前请到阿里开源图标库准备首页需要的小图标，不想自己找的同学，在文章最后的交流群的群文件里有导出好的资源

IonicBlog·2020-03-15 18:07

ionic3最小化并且监控到前台运行和后台运行

1.安装插件ioniccordovapluginaddcordova-plugin-appminimizenpminstall--save@ionic-native/app-minimize2.建立BackButtonProviderimport{AppMinimize}from'@ionic-native/app-minimize';exportclassBackButtonProvider{/

藟Danae·2020-03-14 14:49

ionic3实现回顶部操作

第一种：用id获取模板中content中最高的那个元素，给元素设置id：id=“topest”然后触发方法：toView(){letelement=document.getElementById(“topest”);if(element){element.scrollIntoView();}这也就是我们常说的锚点，这种方法是直接跳到该元素的，体验不是很好，不要用。第二种：首先导入：import{C

undefind33·2020-03-14 11:28

Ionic3 表单处理

在项目中，可以使用angular中的@angular/forms模块处理表单，但是并不需要在app.module中引用@angular/forms模块，因为在app.module中已经引入了@angular/platform-browser模块，而在@angular/platform-browser模块中又导出了@angular/forms。也就是说，引入@angular/platform-bro

spilledyear·2020-03-14 05:36

来扯点ionic3[1] 创建一个新页面

上一章:来扯点ionic3[0]吹完牛再入门也不迟目录创建一个页面组件简单了解装饰器在AppModule中注册页面第一次展现使用独立的模板文件一个APP中最基本的元素可谓是页面了，所以当我们创建了一个新的

忠叔·2020-03-14 04:33

ionic3创建第一个项目demo

1、检查系统环境$node-v$npm-v$ionic-v检查环境版本2、创建第一个tabs$ionicstartdemo-tabstabs由于国内防火墙限制，安装过程中可能会有如下报错3、根据提示重新修复安装（1）安装国内镜像$npminstall-gcnpm--registry=https://registry.npm.taobao.org（2）cmd切换至新创建项目的文件夹下$cddemo-

魔都老王·2020-03-14 00:48

你不得不知的Ionic3新特性

Ionic3带来的新特性Angular4.0新的版本下，改进AOT编译器，分离animations包，缩小生成后的代码量，运行更快，改进ngIf和ngFor等具体内容可以访问http://angularjs.blogspot.sg

全栈弄潮儿·2020-03-13 10:01

mac下 Ionic3 Android签名详解

准备工作keytool：该工具位于jdk安装路径的bin目录下；jarsigner：该工具位于jdk安装路径的bin目录下；zipalign：该工具位于Android-sdk-windows/tools/目录下；接下来进入正题：1.我们需要生成未经签名的apkAndroidapp的打包分为debug和release两种，后者是用来发布到应用商店的版本。在开发ionic项目时，使用默认命令(ioni

it渣渣宇_0518·2020-03-12 13:43

ionic3-常用命令

npm命令npm-v或npm-version查看node版本npminstall-gcordova安装cordovanpminstall-gionic安装ionicnpminstall-gionic@version安装指定版本ionicnpminstall-gionic@latest安装最新版本的ionicnpmupdate-gcordovaionic更新cordova和ionic（可以分开upd

JoyoDuan·2020-03-12 12:01

ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)

ionic3项目实战教程-第13讲ionic3社交分享(QQ分享和微信分享)图片发自App这一讲主要包含以下几个部分：1.在微信开放平台创建应用获得wechatappid;2.在腾讯开放平台创建应用获得

IonicBlog·2020-03-12 02:20

ionic3的微信支付

总结通俗来说微信支付一共两步：1、统一下单（后台来完成，给微信获得微信返回的支付订单号（prepay_id））注意：后台统一下单之后，返回的参数要进行二次签名返回给前台才能使用2、调起支付接口将统一下单取得的prepay_id和其他参数如下等再次（第二次）生成签名，与之前同意下单的签名不相同,将这些参数发送回前台准备进行微信窗口的跳转（调起支付接口）,具体操作见下节。微信支付插件安装：cordov

努力的静静·2020-03-11 04:16

ionic3 适配微信

先抛出目前关于ionic嵌套进微信出现的已知问题.一:如果不用ionic3的懒加载模式的话.第一次加载会特别慢.

天亮前被寻找的一只猫·2020-03-10 22:34

Ionic3 Demo

本文为原创文章，转载请标明出处最近基于Ionic3写了一个关于考研政治真题练习的小Demo，希望既对学习Ionic3的同学有帮助，又对考研的同学有帮助，废话不多说，直接甩GitHub：https://github.com

Metaphors·2020-03-10 20:32

Mac下安装使用ionic《一》（1）

npminstall-gcnpm--registry=https://registry.npm.taobao.org2.sudocnpminstall-gcordovaionic3.ionicinfo4

aofeilin·2020-03-10 16:44

ionic3应用内主题浏览器的使用

1、先安装ThemeableBrowser插件分别执行以下命令ioniccordovapluginaddcordova-plugin-themeablebrowsernpminstall--save@ionic-native/themeable-browser2、使用ThemeableBrowser插件如下demo：import{Component}from'@angular/core';impo

没有昵_称·2020-03-10 13:47

ionic3 ngFor指令处理对象

我们知道,在ng1中ng-repeat是可以将对象以K-V的形式进行处理,但是在ng2中ngFor指令是没有类似的这种功能的,那么我们要怎么去处理呢?其实也比较简单,那就是自己写一个管道来进行处理.1.输入命令ionicgpipekeys创建管道,并在AppModule中导入2.代码实现:@Pipe({name:'keys',})exportclassKeysPipeimplementsPipeT

Gemkey·2020-03-10 04:59

【技巧】ionic3视频上传

本文前提认为读者有基本的angular2基础，知道怎么import，知道provider怎么用有人问到视频上传这个问题，那我还是写一下吧，其实基本参考《ionic3多文件上传》这文章也行，不过对于单文件上传就不用那么复杂了

IT晴天·2020-03-09 23:08

ionic3 Injectable 引入NavController

在service里引入navcontroller报错AndI``geterrorNoprovider``forNavController.一个比较容易解决的方法，import{IonicApp,LoadingController,ToastController,Loading,NavController,App}``from'ionic-angular'``;constructor(``priva

ouxuwen·2020-03-08 14:06

angular2+inoic2脚手架搭建

2、安装inoic2npminstall-gionic3、安装cordovanpminstall-gcordova4、安装JDK建议官网下载8u112的版本、5、安装androidSDK问问搞安卓的朋友或者同事

只是为了一个梦想·2020-03-08 11:55

推荐频道

IONIC3