javascript - 在彼此之上订购多个 IonicModal

Question

这里解释了 $ionicModal 服务的用法:http://ionicframework.com/docs/api/service/ $ionicModal/

我碰巧打开了两个以上的模式。

例如:

1. 我首先打开一个loginModal
2. 在那里，用户点击按钮“openSignUp()”打开SignUpModal

但是，注册模式有时会在登录模式下方打开。所以我必须先关闭登录才能看到它。

有没有办法 - 将新模式推到顶部 - 或订购模态？

Answer 1

这是我为解决此问题所做的工作:

首先定义一个类名的css样式

.top-modal {
    z-index: 11;
}

然后在初始化时加入top-modal修改modal的类名

$ionicModal.fromTemplateUrl('myTopModal.html', {
    scope: $scope,
    animation: 'slide-in-left'
})
.then(function (modal) {
    modal.el.className = modal.el.className + " top-modal";
    $scope.myTopModal = modal;
});