ionic 弹窗

最新推荐文章于 2024-09-26 06:05:05 发布

原创最新推荐文章于 2024-09-26 06:05:05 发布 · 938 阅读

0 ·

CC 4.0 BY-SA版权

技术专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用Ionic框架实现的清除缓存弹窗示例，通过点击事件触发弹窗，包含确认与取消两个按钮。

弹窗问题用了很长时间了，找了很多资源，总算成功了，接下来就分享一下。

首先加一个事件。

(click)="showConfirm()">

import { AlertController } from 'ionic-angular';

export class MyPage {

  constructor(public alertCtrl: AlertController) { }
showConfirm() {
  let confirm = this.alertCtrl.create({
    title: '清除缓存',
    message: '确认清除吗？',
    buttons: [
      {
        text: '取消',
        handler: () => {
          console.log('Disagree clicked');
        }
      },
      {
        text: '清除',
        handler: () => {
          console.log('Agree clicked');
        }
      }
    ]
  });
  confirm.present();
}

然后就成功了，其实成功以后就觉得很简单了。。。