![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
APP页面IONIC
前端小白的逆袭
实践是检验代码的唯一标准。。。
展开
-
ionic页面返回不刷新问题
前言:本页面回到上一个页面,实现上一个页面刷新算是ionic4比较难的部分了,其中踩了很多的坑,今天就彻彻底底的来解决一下这个问题!场景直现从页面A进入页面B,页面B进行操作后会影响页面A数据,此时返回A页面,页面数据没有重新加载为什么会是难点因为ionic为了提高性能将页面存到了缓存中,不能触发页面刷新,只是将上一个页面显示出来。像我们之前在 ngOnInit() {}里面以及构造函数写的方法都不会触发。它只会触发一次。解决办法接下来将是四个解决办法,方法一不建议,有时候会出错,方法二可以使原创 2020-09-25 16:25:20 · 1164 阅读 · 0 评论 -
ionic的Alert弹出框详解
AlertController警报是一个对话框,向用户显示信息或使用输入收集用户的信息。 应用程式内容上方会显示快讯,使用者必须手动关闭快讯,才能恢复与应用程式的互动。 它还可以选择具有标题,子标题和消息。可以在创建方法的第一个参数中传递所有警报的选项:create(opts)。 否则,警报的实例具有添加选项的方法,例如setTitle()或addButton()。Alert Buttons在按钮阵列中,每个按钮都包含其文本的属性,以及可选的处理程序。 如果处理程序返回false,那么当单击按钮时,原创 2020-09-25 16:22:16 · 2457 阅读 · 3 评论 -
ionic生命周期
一、文字叙述ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发ionViewWillEnter 顾名思义,当将要进入页面时触发ionViewDidEnter 当进入页面时触发ionViewWillLeave 当将要从页面离开时触发ionViewDidLeave 离开页面时触发ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发二、测试ionViewDidLoad() {console.log(原创 2020-09-24 20:56:09 · 342 阅读 · 0 评论 -
ionic—alert弹出框
修改弹窗样式:async presentAlertNotCompleted() { // 操作未完成const alert = await this.alertController.create({message: <img id="cueIcon" src="../../assets/images/operate-finish-cue.png" alt="图标"> <h4>提示</h4> <ion-label color="cw999">完成全部命令才转载 2020-09-24 20:19:45 · 630 阅读 · 0 评论 -
ionic4二维码扫描Barcode Scanner使用
1.ionic二维码扫描Barcode Scanner插件安装(使用官网社区版方法安装)。如下:ionic cordova plugin add phonegap-plugin-barcodescannernpm install @ionic-native/barcode-scanner2.在要调用的页面的XXX.moudles.ts文件内导入。如下:import { BarcodeScanner } from ‘@ionic-native/barcode-scanner/ngx’;provide原创 2020-09-23 21:23:50 · 1100 阅读 · 0 评论