Как перезагрузить/перенаправить страницу после успешного входа?

Question

В настоящее время я использую это в моем контроллере прямо сейчас: (новый угловой не бейте меня)

app.controller('userLogin', ['$scope', '$http', '$location', '$route', function ($scope, $http, $location, $route) { 
    activeLink = 'userLogin'; 
    $scope.submitForm = function(valid) { 
     if (valid) { 
      $http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded"; 
      $http.post('/user/login', $('#userLoginForm').serialize()) 
      .success(function(data) { 
       $route.reload(); 
      }); 
     } 
    } 
}]); 

Который работает отлично, когда я перезагрузить страницу на NavBar логин/создать ссылки исчезают и заменяются с выходом из системы, а что нет, но моей проблемы является Navbar не перезагружать, если я вручную не попал CTRL+R

Я попытался с помощью $location.path('/'); и $route.reload();, но мой Navbar не меняется до сих пор, если я вручную перезагрузить страницу.

Answer 1

Будет ли это делать трюк? Это должно полностью перезагрузить страницу на новый адрес.

window.location.replace("/"); 

How to redirect to another webpage in JavaScript/jQuery?

app.controller('userLogin', ['$scope', '$http', '$location', '$route', function ($scope, $http, $location, $route) { 
    activeLink = 'userLogin'; 
    $scope.submitForm = function(valid) { 
     if (valid) { 
      $http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded"; 
      $http.post('/user/login', $('#userLoginForm').serialize()) 
      .success(function(data) { 
       window.location.replace("/"); 
       //$route.reload(); 
      }); 
     } 
    } 
}]); 

Вы могли бы также попытаться скрыть весь документ, повторно загрузить содержание документа, и заменить содержимое текущей страницы.

$.get("/", function(data){ 
    $('body').html(data.body); // not sure if data.body will work, sort of guessing here 
}); 

jquery append external html file into my page

Заменить BODY тег, чтобы сделать стили оставаться на месте.

Replace entire HTML document in-place