2014-12-05 6 views
10

Ich habe eine eckige ui modal. In, dass es eine button.On diese Schaltfläche klicken ich ein anderes Modal in Winkel ui.how öffnen möchten, kann ich dies tunOpen Modal in einem Modal

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

    }) 
}; 

myModalContent.html eine Schaltfläche auf Klick enthält, die ich ein anderes Modal öffnen möchten. <a class="btn btn-success" href="#" role="button" ng-click="openModal()">Open modal</a>

ich nicht imstande bin, eine modale zu öffnen auf Klick auf den Button

Antwort

12

Sie einen zweiten modalen ohne Probleme öffnen können

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

Werfen Sie einen Blick auf diese Plunker:

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

+0

danke das hat für mich funktioniert – srn

+0

Wie ändert man die Größe und/oder positioniert das zweite Modal neu? Das Hinzufügen von 'size: 'sm'' ist in Ordnung, aber das Hinzufügen von windowClass:' secondModalClass 'sendet das zweite Modal ganz links auf dem Bildschirm. –

1

und auch dieses Beispiel

$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(); 
        } 
       }; 
      } 
     } 
    }) 
};