Как да отворя модал вътре в модал с подходящ фон с ъглова основа?

angular-foundation не поддържа модал в друг модал. Стойностите на z-индекса са твърдо кодирани.

Има решение, което замества модала, но това не беше подходящо за нас. 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.

Няма добро потребителско изживяване, което може да се получи от това. Преразглеждането на вашия подход би било по-добро от двойното модално. Някои корекции не са свързани с кода.