javascript - 如果存在多个模态框，模态框弹出窗口不会关闭

Question

我有三个不同的 Controller 和 View

从屏幕上单击按钮时 Modal1 打开

$modal.open({
    templateUrl: 'abc.html',
    controller: 'abcCtrl',
    size: 'lg',
    scope: $scope,
});

在modal1中有下一个按钮，所以点击下一个按钮想要关闭Modal1并打开Modal2

$scope.validate = function(isValid) {
    if (!isValid) {
        $scope.errors = 'Please fill-up required fields';
    } else {
        $scope.errors = '';
        $modal.open({
            templateUrl: 'Payment.html',
            controller: 'PaymentCtrl',
            size: 'lg',
            scope: $scope,
        });
    }
};

在modal2中有下一个按钮，所以点击下一个按钮想要关闭Modal2并打开Modal3

$scope.placeOrder = function() {
        $scope.cart.abc().then(function(result) {
                $modal.open({
                    templateUrl: 'orderSummary.html',
                    controller: 'SummaryCtrl',
                    size: 'lg',
                    scope: $scope,
                    resolve: {
                        items: function() {
                            return result.data;
                        }
                    }
                });
            },
            function(err) {
                //error msg
            });
};

如果我将 $modalInstance.close 添加到 Modal1当打开另一个模态即 Modal2 时，Modal1 已关闭，Modal2 已打开，但所有按钮均不起作用。 Modal3 未打开不知道实际问题发生了什么。

请帮助我。提前致谢。

Answer 1

看来您正在寻找向导...

看看here