2014-12-05 3 views
10

У меня есть угловой ui модальный. В том, что есть 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

+0

Как изменить размер и/или изменить положение второго модального? Добавление 'size: 'sm'' в порядке, но добавление windowClass:' secondModalClass 'отправляет второй модал в крайнее левое положение экрана. –

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