AngularJS：$ windowを使ってリフレッシュして前のURLに移動する

Question

私はAngularJSのバージョン1.6.4を使用した初心者です。今私は戻ってきていますが、ページはさわやかではありません。どのように私は1行のコードでそれを行うことができますどのようなアイデア。

ユーザーlogin.component.js：

(function() { 
    "use strict"; 

    var module = angular.module(__appName); 

    function controller(authService, $window, $location, $document) { 
     var model = this; 

     model.$onInit = function() { 
      //TODO: 
     }; 

     model.login = function() { 
      authService.login(model.email, model.password).then(function (response) { 
       //$window.history.back(); 
       //$window.history.go(-1); 
       //$window.location.href = '/'; 


       console.log("url:"+$document.referrer); 
       //$document.referrer is showing undefined in console 
       $location.replace($document.referrer); 

      }, 
      function (response) { 
       model.msg = response.error; 
      }); 
     } 
    } 

    module.component("userLogin", { 
     templateUrl: "components/user-login/user-login.template.html", 
     bindings: { 
      email: "<", 
      password: "<" 
     }, 
     controllerAs: "model", 
     controller: ["authService", "$window", "$location", "$document" controller] 
    }); 
}()); 

App.js：

"use strict"; 

//Global variables 
var __apiRoot = "http://localhost:8000/api"; //No slash '/' at the end 


var module = angular.module(__appName, [ 
    "ui.router", 
    "angular-jwt" 
]); 

module.config(function ($stateProvider, $urlRouterProvider, $httpProvider, jwtOptionsProvider) { 

    $urlRouterProvider.otherwise('/app/home'); 

    $stateProvider 

     .state("app", { 
      abstract: true, 
      url: "/app", 
      component: "appRouting" 
     }) 

     .state("app.home", { 
      url: "/home", 
      component: "homeRouting" 
     }) 

     .state("app.search", { 
      url: "/search/:q", 
      component: "searchRouting" 
     }); 

    jwtOptionsProvider.config({ 
     tokenGetter: ['authService', function (authService) { 
      return authService.getToken(); 
     }], 
     whiteListedDomains: ['localhost'] 
    }); 

    $httpProvider.interceptors.push('jwtInterceptor'); 
}); 

Answer 1

あなたは、角-UI-ルータを使用し、使用後、以前の状態の名前を持っている場合：

$state.go('previousState', {}, { reload: true }); 

あなたが以前の状態の名前を持っていない場合、あなたは、コードのこの部分を使用することができます状態の変更が発生するたびに実行されます。

$rootScope.previousState; 
$rootScope.currentState; 
$rootScope.$on('$stateChangeSuccess', function(ev, to, toParams, from,fromParams) { 
    $rootScope.previousState = from.name; 
    $rootScope.currentState = to.name; 
    console.log('Previous state:'+$rootScope.previousState) 
    console.log('Current state:'+$rootScope.currentState) 
}); 

Answer 2

あなたは、単にネイティブJavaScriptを使用してページを更新することができます。 window.location.reload()

Answer 3

$location.replace()を使用してください。 $ document.referrerを使用して、あなたが来た場所の前のURLを取得できます。 $location.replace($document.referrer)