angular state.go Funktion leitet nicht zur vorherigen Seite um

Question

Ich muss ein Modal aus dem Hauptmenü anzeigen. Das Modal wird korrekt angezeigt. Aber wenn ich das Modal schließe, möchte ich, dass die vorherige URL angezeigt wird. Dies ist der Code für den Modal:

.config(function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('home', { 
     url: '/home', 
     templateUrl: 'views/home.html', 
     controller: 'HomeCtrl' 
     }) 
     .state('pos',{ 
     url: '/pos', 
     templateUrl: 'views/pos.html', 
     controller: 'PosCtrl' 
     }) 
     .state('vAnalyze',{ 
     url: '/vAnalyze', 
     templateUrl: 'views/vAnalyze.html', 
     controller: 'VAnalyzeCtrl' 
     }) 
     .state('reportSetting',{ 
     url: '/reportSettingModal', 
     onEnter: function($modal){ 
      $modal.open({ 
       templateUrl: 'views/reportSettingModal.html', 
       controller: 'ReportSettingModalCtrl' 
      }); 
     } 
     }) 
     .state('error', { 
     url: '/error', 
     templateUrl: 'lib/views/error.html', 
     controller: 'ErrorCtrl' 
     }); 

    // if none of the above states are matched, use this as the fallback 
    $urlRouterProvider.otherwise('/home'); 
    }) 

    .run(['AuthService', 'configSettings', '$rootScope', function (AuthService, configSettings, $rootScope) 
    { // Apply Product Code 
    configSettings.productCode = 'VANALYZE'; 
    AuthService.configProduct(configSettings.productCode); 
    $rootScope.$on('$stateChangeSuccess', function(event, to, toParams, from, fromParams) { 
     $rootScope.$previousState = from; 
    }); 
    } ]); 

Dies ist die Funktion des modalen zu schließen:

$scope.close = function() { 
     $uibModalInstance.close(); 
     $state.go($rootScope.$previousState.name, { 
     url: $rootScope.$previousState.url, 
     templateUrl: $rootScope.$previousState.templateUrl, 
     controller: $rootScope.$previousState.controller 
     }); 
    }; 

Als ich in den Code der URL, templateUrl und Controller haben alle die richtigen Daten treten. Aber die Seite wird nicht angezeigt. Die Seite, die beim Schließen des Modales angezeigt wird, lautet reportSettingModal.

Was mache ich falsch?

Answer 1

Sie können gehen mit $state.go, aber das ist keine gute Praxis. Weil im Allgemeinen keine Beziehung zwischen dem Anzeigen einer Modal- und Zustandsänderung bestehen sollte. Das Anzeigen eines Modals sollte unabhängig von der Routenkonfiguration sein. Verwenden Sie einfach etwas wie addClass oder removeClass, um das Modal anzuzeigen, wenn Sie auf den Link oder die Schaltfläche klicken.

$scope.show = function(){ 
// open modal here by adding a class to the modal element 
} 

In gleicher Weise die modale schließen.