2014-12-05 96 views
10

我有一個角度模態。在有一個button.On單擊此按鈕,我想打開另一個模式 - 在角度ui.how我可以做到這一點在模態中打開模態

$scope.open = function() { 
    var modalInstance = $modal.open({ 
     templateUrl: 'myModalContent.html', 
     controller: ModalInstanceCtrl, 

    }) 
}; 

myModalContent.html包含上點擊一個按鈕,我想打開另一個模式。 <a class="btn btn-success" href="#" role="button" ng-click="openModal()">Open modal</a>

我無法打開單擊按鈕時

回答

12

一個模式可以打開第二個模式沒有任何麻煩

var modalInstanceSecond = $modal.open({ 
    templateUrl: 'mySecondModalContent.html', 
    controller: 'ModalInstanceCtrl', 
}); 

看看這個plunker:

http://plnkr.co/edit/vfWJogYvMFFL2XcvM0pJ?p=preview

+0

感謝這工作對我 – srn 2014-12-08 20:59:01

+0

你如何調整和/或重新定位第二模態?添加'size:'sm''可以,但添加windowClass:'secondModalClass'會將第二個模式發送到屏幕的最左側。 – 2015-07-22 12:43:08

1

也是這個樣本

$scope.open = function() { 
    $scope.insideModalOpen = $modal.open({ 
     templateUrl: 'myInsideModal.html', 
     controller: insideModalInstanceCtrl 
    }); 
    var modalInstance = $modal.open({ 
     templateUrl: 'myModalContent.html', 
     controller: ModalInstanceCtrl, 
     resolve   : { 
      params : function(){ 
       return { 
        insideModalOpen : function(){ 
         $scope.insideModalOpen(); 
        } 
       }; 
      } 
     } 
    }) 
};