离子 - 模态动画答案

【问题标题】：Ionic - Modal Animation离子 - 模态动画
【发布时间】：2017-12-27 14:40:06
【问题描述】：

我有一个离子卡列表，当我单击它时，会打开一个模式。我正在尝试使用ModalOptions 更改默认动画，但是我找不到要提供给enterAnimation 的字符串。我在 ionic 文件中看到这些选项被称为：

export interface ModalOptions {
  showBackdrop?: boolean;
  enableBackdropDismiss?: boolean;
  enterAnimation?: string;
  leaveAnimation?: string;
  cssClass?: string;
}

有我可以使用的动画列表吗？

const myModalOptions: ModalOptions = {
            enableBackdropDismiss: false,
            enterAnimation: ''
        }

        let profileModal = this.modalCtrl.create("ModalNewsPage", {data: news}, myModalOptions);
        profileModal.present();

【问题讨论】：

你可以试试md-transition、ios-transition或wp-transition

标签： angular ionic-framework modal-dialog ionic3

【解决方案1】：

您可以为 enteranimation 和 leaveanimation 传递以下这些值。

模态滑入模态滑出模态 md 滑入式模态-md-滑出

谢谢

【讨论】：