Question

嗨我正在尝试在关闭第一个模式后打开一个模态。但问题是，第二个似乎是打开但不是。我不明白这个问题。任何人都可以帮助我。

myController.js

        $scope.detailsPdt = function(pdt, size)

                {
                    $scope.cancel();
                    $scope.pdt = pdt;

                    $rootScope.modalInstance = $uibModal.open({
                        animation : $scope.animationsEnabled,
                        templateUrl : 'partials/detailsProduct.html',
                        controller : 'ProductsController',
                        size : size,
                        scope : $scope,
                        resolve : {}
                    });
                }

Answer 1

您的案例中的问题是，当您尝试打开第二个模态时，您的第一个模态仍处于打开状态

您必须关闭第一个，将第一个数据传递给第二个，如：

基本上第一个模态可以从你想要的任何地方触发（HTML或控制器），然后你必须从myController1关闭第一个模态，而在modalInstance.result.then（）中你需要调用第二个模态< / p>

$scope.openSecondModal = function(size, data){

    var modalInstance = $uibModal.open({
    templateUrl: 'templates/mytemplate2',
    controller: 'myController2',
    size: size,
    resolve: {
        data: function(){
           return data;
        },

   });
   modalInstance.result.then(function(data2){


   });
};


$scope.openFirstModal = function(size){

    var modalInstance = $uibModal.open({
    templateUrl: 'templates/mytemplate1',
    controller: 'myController1',
    size: size,
    resolve: {

        }
    });
    modalInstance.result.then(function(data){
        if(data){
            //calling the second modal
            $scope.openSecondModal('lg', data);
        }
    });
};

使用Angular ui关闭第一个模态后无法打开模态

1 个答案: