Ionic
Angular baby
软妹前端开发工程师自留地,专注Angular、Vue。
展开
-
You provided ‘undefined‘ where a stream was expected. You can provide an Observable,...报错解决
调接口时,我做了一个状态判断,如果后端返回的指定状态码不是我想要的,就返回提示信息并退出整个方法:queryMaterial = () => { ....... let loader = this.commonProvider.showLoading(''); // 页面加载状态 this.stockProvider.getPurchaseBarcode(this.barcodeObj[this.BarcodeTypeEnum.Material].barCode,原创 2020-09-23 11:57:06 · 2050 阅读 · 0 评论 -
ionic打包apk时报错No resource identifier found for attribute ‘appComponentFactory‘ in package ‘android‘
运行打包apk的指令ionic cordova run android,报错No resource identifier found for attribute 'appComponentFactory' in package 'android'我的解决方法:①在安卓平台中./platforms/android/build.gradle文件内,查找到allprojects,在它下面增加:configurations.all { resolutionStrategy.force 'co..原创 2020-07-28 17:42:48 · 523 阅读 · 0 评论 -
ionic5:那些我在Android平台打包apk时踩的坑(qr-scanner二维码扫描改造)
ionic的打包和发布可以参考下面这篇文章,这里就不赘述了:https://www.jianshu.com/p/457365fc04e01、网页调试没问题,打包成apk,在请求接口时一直报404的错误:解决方法:1、在package.json查看安装的版本。版本为1.3.32、删掉cordova-plugin-whitelistcordova plugin rm cordova-plugin-whitelist3、添加cordova-plugin-whitelistcor原创 2020-05-22 10:35:36 · 984 阅读 · 0 评论 -
ionic5 + cordova:使用QRScanner完成扫描二维码功能
接到一个app的改造的任务,主要是适配一款手持设备,在页面上增加一个类似微信的二维码扫描的唤醒按钮,点击之后进入扫描二维码的页面:步骤如下:1、在项目中下载QRCode的cordova插件:ionic cordova plugin add codova-plugin-qrscanner2、下载QRScanner插件:npm install --save @ionic-native/qr-scanner这里要注意一下你下载的qr-scanner版本是什么,就我的来说,4.0+的版本原创 2020-05-14 15:42:58 · 4825 阅读 · 9 评论 -
Ionic:打包Android apk详解(图文版)
Ionic的内核还是Angular,是前端一个基于Angular的UI框架。Cordova有两个新功能:主要用于引入插件调取手机设备的一些功能(提供一个桥梁共页面和原生通信); 将前端代码打包成Android和ios。就像一个花生,最内层的花生仁是Angular,花生仁的表皮是ionic,而最外层的花生壳则是Cordova。下面是我们的环境配置步骤:首先:npm inst...原创 2019-11-23 11:59:09 · 722 阅读 · 0 评论 -
ionic:在Ionic项目中使用ngx-datatable创建表格展示数据
想要在ionic中使用ngx-datatable插件展示表格,首先需要安装插件:npm install @swimlane/ngx-datatable然后将这个插件的依赖导入到要使用这个插件所在的页面的module中:import{NgxDatatableModule}from'@swimlane/ngx-datatable'接下来,在页面上取到后台传给我们的表格的数据,比如我这...原创 2019-01-11 10:49:09 · 3490 阅读 · 6 评论 -
ionic起步——环境搭建步骤
ionic是什么:ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的服务和新的特性。1、安装nodes 下载地址:https://nodejs.org/en/ ,选择 8.11.1 LTS的版本...原创 2018-12-14 10:10:39 · 217 阅读 · 0 评论 -
ionic:组件中根据审批人权限过滤,没有审批权限则不显示审批按钮
this.str = _.get(params, "data.item.approvalByName"); // 根据审批权限过滤,没有审批权限不显示审批按钮this.loginInfo = globalProvider.loginInfo;const name = this.loginInfo.name;const flag = this.str.indexOf(name); ...原创 2019-01-14 15:28:30 · 141 阅读 · 0 评论 -
ionic:点击某个商品名称,跳转到相应的商品详情页面
实例:在采购单审批页面(procurement),点击“商品名称”字段,跳到新的商品信息(goods-details)的详情页,其中商品信息通过点击的商品名称的id来查到:首先要在商品名称上面绑定一个点击跳转的方法:<ion-item tappable (click)="viewGoods(item.itemId,item.specificationId)"> <...原创 2019-01-16 15:49:05 · 1906 阅读 · 0 评论