CODEWITHSUNDEEP
angularjsmodal-dialogangular-ui-bootstrap
MASIVO DE OCCIDENTE
MASIVO DE OCCIDENTE

Reputation: 13

How to open $uibModal from within modal Controller?

I have this code: 

app.controller('addEmployeeCtrl', function($scope, $uibModalInstance, newEmployee){
  $scope.addNewVehicle=function(){
    // I want to open a new modal here
  };    
});

Upvotes: 1

Views: 3703

Answers (1)

Matthew Cawley
Matthew Cawley

Reputation: 2818

You should be able to open a second modal in much the same way as you opened the first...

Inject the $uibModal service into addEmployeeCtrl and make a call to $uibModal.open() passing in another modal configuration object.

app.controller('addEmployeeCtrl', function($scope, $uibModalInstance, $uibModal, newEmployee){

  $scope.addNewVehicle = function(){

    var modalInstance = $uibModal.open({
      templateUrl: 'addVehicle.html',
      controller: 'addVehicleCtrl',
      controllerAs: 'vehicleVm'
      // Any other modal config properties here
    }

    modalInstance.result.then(closedCallback, dismissedCallback);

    function closedCallback(){
      // Do something when the modal is closed
    }

    function dismissedCallback(){
      // Do something when the modal is dismissed
    }
  };  
});

Upvotes: 2

Related Questions