如何在角度基础的适当背景下打开模态内的模态？

Question

我想在模态中打开一个模态，背景如下 - 背景 - ＆gt;窗口 - ＆gt;背景 - ＆gt;窗口

如何通过角度基础实现这一目标？

http://madmimi.github.io/angular-foundation/

谢谢！

Answer 1

angular-foundation不支持另一个模态中的模态。 z-index值是硬编码的。

有一种替代模态的解决方案，但这不适合我们。 http://foundation.zurb.com/docs/components/reveal.html

我实现了一个指令（typecript） -

export function ModalPositionHelper($modalStack):ng.IDirective {
    var initialModalZIndex = 1005;
    return {
        restrict: 'A',
        link: function (scope) {
            scope.$watch(function () {
                return $modalStack.getTop();
            }, function (newModal, oldModal) {
                if (oldModal) {
                    oldModal.value.modalDomEl.css('z-index', initialModalZIndex);
                }
                if (newModal) {
                    newModal.value.modalDomEl.css('z-index', initialModalZIndex + 2);
                    angular.element('.reveal-modal-bg').css('z-index', initialModalZIndex + 1);
                }
            });
        }
    };
}

基本上我看$ modalStack.getTop（）并改变它的z-index。

Answer 2

没有良好的用户体验。重新考虑你的方法会比双模式更好。一些修复程序与代码无关。