2016-11-25 4 views
2

-> HTML кодданные Перезагрузить после модального закрывается в angularJS

<button type="button" class="btn btn-primary" ng-click="platformAppConfigurationCreate()"> 
               <span class="fa fa-plus"></span> 
               <span class="hidden-xs hidden-sm"> 
                Create 
               </span> 
               </button> 

-> Controller.js код

$scope.platformAppConfigurationCreate = function() { 
       $uibModal.open({ 
        templateUrl: 'app/entities/platform-app/platform-app-configuration-dialog.html', 
        controller: 'PlatformAppConfigurationDialogController', 
        controllerAs: 'vm', 
        backdrop: 'static', 
        size: 'lg', 
        resolve: { 
         entity: function() { 
          return { 
           appConfigUuId: null, 
           appConfigName: null, 
           appConfigDesc: null, 
           appConfigDisplayImageRef: null, 
           appConfigExtraInfo: null, 
           id: null 
          }; 
         } 
        } 
       }); 
     } 

Я хочу, чтобы перезагрузить страницу после того, как модальное всплывающее окно закрывается. Как это сделать?

+0

есть функция, называемая при модальном закрытии. – AlainIb

+0

Вы используете угловой-ui? –

+0

http://stackoverflow.com/questions/36066602/is-there-a-way-to-intercept-bootstapuis-uibmodal-dismissed-event – AlainIb

ответ

2

обрабатывать закрытое мероприятие и сделать свой код там

$scope.platformAppConfigurationCreate = function() { 
      $uibModal.open({ 
       templateUrl: 'app/entities/platform-app/platform-app-configuration-dialog.html', 
       controller: 'PlatformAppConfigurationDialogController', 
       controllerAs: 'vm', 
       backdrop: 'static', 
       size: 'lg', 
       resolve: { 
        entity: function() { 
         return { 
          appConfigUuId: null, 
          appConfigName: null, 
          appConfigDesc: null, 
          appConfigDisplayImageRef: null, 
          appConfigExtraInfo: null, 
          id: null 
         }; 
        } 
       } 
      }).closed.then(function(){ 

      //handle ur close event here 
      alert("modal closed") 

    } 
+0

большое спасибо –

0

Я использую ngDialog

ngDialog.open({ 
    showClose: true, 
    template: 'partials/directives/bibliographie/popupAdd.html', 
    className: 'ngdialog-theme-default ngdialog-fullscreen', 
    scope: $scope, 
    closeByDocument: false, 
    closeByEscape: true, 
    controller: ['$scope', function ($scope) { 

    }], 
    preCloseCallback: function (value) { 
     // called when you close modal 
     if (value === 1) { 
      ; 
      return true; 
     } 

     return false; 
    } 
}); 

Для $ uibModal:

var modalInstance = $uibModal.open({ 
    templateUrl: 'a-template.html', 
    controller: ['$scope', function($scope){ 
    $scope.$on('modal.closing', function(event, reason, closed){ 
     if('condition for not closing') 
      event.preventDefault(); //You can use this to prevent the modal from closing    
     else 
      window.location = "https://www.youtube.com/watch?v=dQw4w9WgXcQ";    
    } 
    }], 
    controllerAs: 'modal', 
    backdrop: false, 
    size: 'lg' 
}); 
0

Вы можете использовать следующий скрипт

$scope.$on('modal.closing', function(event, reason, closed){ 
    //either reload the state 
    $state.reload(); 
    //or redirect to a url 
    window.location.href="your url"; 

} 
Смежные вопросы