离子2-Alertcontroller动画

时间:2018-07-11 12:07:14

标签: ionic2 ionic3 ionic-native

我想在打开它时从上到下显示一个alertcontroller对话框,并在关闭它时做反向操作。有可能吗?

我尝试了以下代码,但是没有运气。

let alert = this.alertCtrl.create({
      title: 'Warning',
      cssClass: 'alertCtrlfade ',
      message: "This is not a correct form",
      enableBackdropDismiss: false,
      buttons: [
        {
          text: 'Ok',
          cssClass: 'alert-btn',
          handler: (data: any) => {

          }
        },]
    });

    alert.present(); 

在app.css中

.alertCtrlfade {
  transform: translate3d(0, 100, 0) !important;
 }

我们可以通过Alertcontroller实现这种动画吗?

谢谢

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找的是Toast通知。

查看此链接,看看它是否是您想要的ToastControllerAPI

  

编辑:添加了一些代码以供参考

在打字稿文件中

import { ToastController } from 'ionic-angular'; 

@Component({
templateUrl: 'example.html'
})

 constructor(private toast: ToastController) {
 }

 exampleToast() {
  let exampleNotification = this.toast.create({
  message: 'This is not a correct form',
  showCloseButton : true,
  closeButtonText : 'Ok',
  position: 'top'
  }); exampleNotification.present();

 }

}

这会散发出您一直在寻找的效果,可用于替换AlertController。