angular state.go関数は前のページにリダイレクトしません

Question

メインメニューからモーダルを表示する必要があります。モーダルは正しく表示されます。しかし、モーダルを閉じると、私は前のURLを表示したい。 これはモーダルためのコードである：

.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; 
    }); 
    } ]); 

これは、モーダルを閉鎖する機能である：私は、コードのURLにステップするとき

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

、templateUrlコントローラ全ては、正しいデータを持っています。しかし、ページは表示されません。 モーダルを閉じると表示されるページはreportSettingModalです。

私は間違っていますか？

Answer 1

$state.goを使用するといいですが、それは良い方法ではありません。一般的に、モーダルと状態の変更を表示することとは関係がないためです。モーダルを表示することは、ルート設定とは独立している必要があります。あなたがリンクやボタンをクリックしたときにモーダルを表示するには、addClassまたはremoveClassのようなものを使用してください。

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

同様に、モーダルを閉じます。