ionic4 第5页

ionic4学习笔记（八）--Clipboard 将内容复制到剪贴板

1.ts文件中引入依赖import{Plugins}from'@capacitor/core';2.html文件中clipboardSetStringclipboardGetStringclipboardSetURLclipboardGetURL3.ts文件中写函数clipboardSetString(){Plugins.Clipboard.write({string:"Hello,123"});

盼盼盼·2020-06-22 23:22

ionic4 实现双击返回退出APP

最近升级到ionic4在实现双击返回键退出APP的功能时发现platform.exitApp()方法不存在然后就是苦逼的百度，发现大都是ionic3及以前的方法，引入的是ionic-angular资源实现的退出

墨染纤尘·2020-06-22 16:34

ionic4基础教程（案例和实战小demo）

文章目录ionic4教程一、Ionic介绍以及Ionic环境搭建1、Ionic介绍以及IonicPackages2、ionicPackages3.

怒放de生命2010·2020-06-22 16:09

三 ionic4全局样式修改

ionic官网https://www.genymotion.com/全局样式位置/theme/目录下variables.scss每个组件的样式应该放在自己组件的scss里面如果需要给新的色值定义名字可以添加到$scolor里面，也可以直接修改源码定义好的值//IonicVariablesandTheming.Formoreinfo,pleasesee://http://ionicframework

夏至已至zz·2020-04-11 21:52

Ionic4+Angular

官网：https://angular.io/tutorial/toh-pt61、简单封装网络请求新建HttpService.ts，代码如下import{Http,Headers,RequestOptions}from"@angular/http";import{Injectable}from"@angular/core";import"rxjs/add/operator/toPromise";im

YuJingZhou·2020-04-10 19:37

ionic4 cordova run ios 报错

最近开始研究混合模式开发，发现ionic已经到了4版本，并且支持各种框架，按照一路提示跑下来，居然卡在这个里，一个莫名的错误是，找不到xxx.app下面的plist文件。经过一顿搜索尝试，终于在栈溢出网站发现了答案。只需运行这段代码ioniccordovaemulateios----buildFlag="-UseModernBuildSystem=0"就可以成功在模拟器中预览了。所以年轻人不要怕，

北方蜘蛛·2020-04-09 19:47

@angular/core 、@angular/cli不兼容

开发ionic4项目是碰到了一个错误，@angular/core，@angular/cli不兼容。"

张某人的湖·2020-04-01 11:42

ionic4-手势使用

在ionic4项目中需要用到长按事件,于是直接去官网查询了下ionic4的api,但是很可惜没查到,貌似ionic4默认不支持手势识别,于是只能Google下(百度没搜到),好在Google还是很给力的

Gemkey·2020-03-13 12:47

ionic4 与 v-model双向绑定失败的问题

一次刻骨铭心的错误在做个移动端app时使用混合开发框架ionic，但是因为小组成员不熟悉Angular,React，所以我最后决定使用Vue，然而却在这个标签上出现了大问题：无论如何都获取不到中的值。期间一度怀疑人生，甚至专门建个ionic+angular的示例,使用[(ng-model)="xxx"]就是正常的。阅读官方文档后发现image.png进行事件绑定便可实现目的{{option}}{{

枯藤玉树·2020-03-02 21:00

如何将ionic3升级到ionic4

Ionic4是第一个完全拥抱WebAPI（如自定义元素、CSS变量和影子DOM）的版本。它的核心具有框架无关性，它是一个为Web开发人员而生的UI库，无论他们使用什么样的前端工具或框架。

OnePiece索隆·2020-02-25 00:10

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

环境配置1.安装javajdk2.安装nodejs3.配置cnpm4.安装ionicionic4安装最新版cnpmi-gionic@latestionic3建议安装：[email protected]

小军617·2020-02-23 19:12

请尊重别人的劳动成果

我已经很多次看到别人转载我的文章但是没有标注出处的，但起码有转载类似的字样，但下面这位貌似有点过份了：【侵权文章】ionic4混合移动开发（前世今生）基本抄袭我以下这篇文章，但是链接来源一点都没有标明，

IT晴天·2020-02-21 23:40

ionic扫码使用BarcodeScanner

关于ionic1不在累述，网上已经泛滥最近刚刚接触ionic4，需要扫码功能，参照官方文档直接设置然而报错原因是找不到BarcodeScanner？？？？？

柒世_c45c·2020-02-21 21:16

ionic4开发——更改样式

vs可以安装ionic4插件，方便创建标签了。

漂泊猫·2020-02-13 04:00

Ionic3.x/Ionic4.x 教程

转自：https://blog.csdn.net/yuanlaile/article/details/79149428每周会关注学习Ionic3仿京东项目的后续更新视频教程，给自己找一点满足感，听说Ionic4

modingfa·2020-02-11 10:13

Ionic 4 beta + Capacitor beta 尝鲜

本文为原创文章，转载请标明出处Ionic4beta开发环境:Ionic4beta3、Capacitorbeta6。

Metaphors·2020-02-10 19:04

Angular7入门总结篇

入门总结篇62019.01.0819:34:05字数4854阅读46093发表于http://blog.poetries.top/2019/01/09/angular7-intro-summary最近在学Ionic4

痞_4fc8·2020-02-07 10:51

ionic4 扫描 Barcode Scanner

BarcodeScanner官网地址BarcodeScanner中文BarcodeScanner英文步骤一定要按照这个步骤操作，不然不会出来效果的。1.一定要先打包ioniccordovaplatformaddios//iOS平台ioniccordovaplatformaddandroid//Android平台2.运行代码ionicbuild--prodioniccordovaprepare3.引

_Waiting_·2020-02-06 20:33

ionic4，自定义事件名请不要随意使用如ionRefresh的现有事件名

先前封装了一个控件，包含【下拉更新】和【上拉加载】的功能，为了便于记忆，用了官方控件原有的名字如下：@Output()ionRefresh:EventEmitter=newEventEmitter();@Output()ionInfinite:EventEmitter=newEventEmitter();结果出现很怪异的情况：事件发送只有一次，但是接收却有两次！难道事件重复添加了吗？翻烂了代码也没

IT晴天·2020-02-06 20:10

ionic4 简介

Ionic4beta仅在一周

廖全磊LesterLiao·2020-02-06 09:07

ionic4 集成ngx-toastr

GitHub：ngx-toastr、演示地址：Demo效果图：3.png4.png5.png6.pngNode安装依赖包(看下图，注意版本问题)：1.pngnpminstallngx-toastr--savenpminstall@angular/animations--save添加样式，在angular.json：2.png在app.module.ts：import{CommonModule}fr

陌生街中吹起褪色的故梦·2020-02-02 14:41

ionic4 安卓物理返回键处理

码云Git：Ionic4_Tabsionic4_tabs默认情况：1、在登录界面，点击【安卓返回键】，无反应。2、在Tabs选项卡界面，点击【安卓返回键】，无反应。

陌生街中吹起褪色的故梦·2020-02-02 09:04

ionic4 懒加载

码云Git：Ionic4_Tabs效果图Gif：lazy.gif新建app-routing.moduie.ts：import{NgModule}from'@angular/core';import{RouterModule

陌生街中吹起褪色的故梦·2020-02-02 09:19

ionic4 子页面隐藏tabs

码云Git：Ionic4_Tabs效果图GIF：1.giftabs.page.html：1.pngTabsService.ts：import{Injectable}from'@angular/core'

陌生街中吹起褪色的故梦·2020-02-02 09:54

ionic4/angular路由配置与导航传参

前言由于angular官网路由与导航章节介绍的内容太多、太复杂，本文本着实用的目的介绍angular路由的常用配置及导航传参阅读本文前，建议先阅读[ionic官网路由与导航内容路由配置常见的路由配置如下代码，配置说明看代码上的注释，后面还有重难点说明import{RouterModule}from'@angular/router';@NgModule({imports:[...RouterModu

小军617·2020-01-08 17:10

Ionic4—http远程获取数据的跨域问题

目录一、概述二、解决跨域一、概述Ionic4远程获取数据时存在跨域问题，原来的Ionic3不存在这个问题。

空城里的往日时光·2020-01-06 15:22

ionic4指北

前言ionic4在2019年初发布，距离现在已经有一段时间了。

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

Ionic4与Ionic3部分比较

有较长时间没有用Ionic了，见新的公众号需求比较简单，便决定使用Ionic4来实现。

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

ng-zorro-mobile，踩坑记

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

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

ionic4 全局样式文件路径配置

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

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

ionic2/3/4学习指引-学习资源汇总

Ionic官网............................官网的文档非常好,超级全,一定要细心看ionic2/3官网直连........Components,API,图标,cordova插件ionic4

小军617·2019-12-22 15:03

ionic4 项目中使用 cordova-plugin-crosswalk-webview 浏览器内核

前言该插件的功能是在cordovaionic4项目中使用cordova-plugin-crosswalk-webview浏览器内核。

户口米青·2019-12-20 21:46

Ionic4 + Capacitor构建一个pwa

1.关键字Ionic4不久前，ionic-team发布了Ionic4的第一个正式版，最大的一个变化：IonicforEveryone；对Vue、React、Angular等主流框架提供了支持。

爱因斯扁·2019-12-18 23:04

ionic4处理android返回按钮事件

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

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

ionic4关于CSS Custom Properties修改组件样式

ionic4组件大量使用ShadowDOM，如下图，它的目的就是把组件生成的html和样式隔离起来，不受我们自定义的样式影响，也就是说不能随便修改这里面的样式；关于ShadowDOM的更多介绍可以点这里

小军617·2019-12-15 03:03

页面切换动画

ionic4默认的是上下切换，想做成左右切换在app.module.ts中imports:[BrowserModule,HttpClientModule,IonicModule.forRoot(MyApp

my木子·2019-12-14 18:09

在ionic4中如何实现长按手势

事实证明，在ionic4中实现并不像在原生环境中那样简单。但其他的都是，所以我们继续往下看。

户口米青·2019-12-12 21:20

ionic4真机 android9.0 http请求失败问题

问题：由于跨域问题，在浏览器调试中，使用代理可以向后台发送请求；在真机调试中不存在跨域，所以把代理去掉，但正常的http请求却过不去。原因：android9请求要为https的。解决办法：打开android的manifest.xml文件，在application标签中添加android:networkSecurityConfig="@xml/network_security_config"：ima

愤怒的阿昆达·2019-12-11 11:28

ionic4获取地理位置信息

摘要ionic4获取地理位置信息的细节有如下关键点1、导入路径为@ionic-native/geolocation/ngx，而非@ionic-native/geolocation2、在*.module.ts

工程师INNOV·2019-12-08 06:40

ionic4实现页面右侧滑入动画效果

直接贴代码，在app.module.ts文件import{MyApp}from"./app.component";import{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{IonicModule,IonicRouteStrategy}from'@ionic/angu

户口米青·2019-12-08 03:56

ionic4 angular 数据请求方式httpServices 拦截器

项目GItHubhttps分支1.这里提供统一拦截后端接口数据处理，api统一文件管理方式：统一拦截如下//目录src/service/request.service.tsimport{Injectable}from'@angular/core';import{HttpClient,HttpHeaders,HttpResponse,HttpErrorResponse}from'@angular/c

莫名点·2019-11-12 17:34

ionic4 图片上传

写了这么多的图片上传，今天想着要好好总结下了上传图片要安装一些插件是必不可少的1.插件安装如下:(1)文件传输插件ioniccordovapluginaddcordova-plugin-file-transfernpminstall@ionic-native/file-transfer(2)文件插件ioniccordovapluginaddcordova-plugin-filenpminstall

喜欢喝酸奶的叱利霞月·2019-10-11 11:01

ionic4 解决android平台修改采样率、位深度等问题

在研究ionic4Android平台语音转文字的这功能，接的是科大讯飞的实时语音转写API。

喜欢喝酸奶的叱利霞月·2019-10-11 11:07

ionic4Modal--底部支付弹框

第一步：建立一个component组件注意：最好建立在需要弹框的底部或者同一个目录下//切换到我们的目录下cdsrc/app/home-main/sidebar/e-shop//创建一个component类型的name组件，name可以穿换成自己需要的名字：cartridge-frameionicgcname第二步：在我们需要弹框的页面创建此组件import{CartridgeFrameCompo

Herry-白爱民·2019-10-10 16:25

angular仿微信聊天|angular手机端IM聊天室|仿微信界面|angular聊天

xw2876001800提供前端和后端技术支持(java/php均可支持)【演示效果】：这是打包之后上传服务器的ng效果，首次加载速度会有点慢，请耐心等待http://www.bester.wang【升级版本】：整合ionic4

隔壁小王攻城狮·2019-10-07 13:54

ionic4 部署web 白屏问题

将替换成document.write("");-->document.write("");这样可以修复白屏问题详细参考https://www.jianshu.com/p/baacf9bce732但是修改之后刷新会出现404解决办法如下：在app.module.ts中加入下面代码//导入hash模块import{LocationStrategy,HashLocationStrategy}from'@

Minzou丶怪兽·2019-09-29 14:05

ionic4环境搭建

1、下载安装node下载地址：https://nodejs.org/en/安装后，win+R输入cmd，回车运行cmd命令窗口，输入下面的命令验证node是否安装成功；如果出现上图所示，则证明node安装成功；2、安装ionic安装ionic命令：npminstall-gionic查看ionic版本命令：ionic-version卸载ionic命令：npmuninstall-gionic3、安装c

平平淡淡summer·2019-09-29 11:00

IONIC4 使用照相机以及从图库选择照片

1.照相机1.下载依赖ioniccordovapluginaddcordova-plugin-cameranpminstall@ionic-native/camera2.app.module.ts导入import{Camera}from'@ionic-native/camera/ngx';3.使用openGallery():Promise>{returnnewPromise((resolve,re

黄隔壁呀·2019-09-26 10:14

ionic4学习笔记（七）-- 组件

1.alert1,实现j简单提示框，2秒钟之后消失import{AlertController}from'@ionic/angular';constructor(publicalertController:AlertController){}asyncpresentAlert(){constalert=awaitthis.alertController.create({header:'提示',me

pan0724·2019-09-12 13:00

ionic4目录结构

【e2e】：ionic4.x中端对端测试文件，开发过程中一般用不到。

Herry-白爱民·2019-08-30 20:42

推荐频道

ionic4