3

我想在模态框内打开一个模态框，其背景为 - 背景 -> 窗口 -> 背景 -> 窗口

我怎样才能用有角的基础来实现呢？

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

谢谢！

4

2 回答 2

1

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

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

我实现了一个指令来做到这一点（打字稿）-

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。

于 2014-12-24T12:17:46.900 回答
0

这不会带来良好的用户体验。重新考虑你的方法会比双模态更好。一些修复与代码无关。

于 2014-12-24T16:36:00.060 回答