Routing redirection renders an incorrect view at first load #10041

ghusse · 2014-11-13T14:22:17Z

Reproducted on angular 1.3.*, but not on 1.2.26.

Steps to reproduce, with this code (jsbin):

Load the page
You are redirected to /#/login -> OK
... but the displayed content comes from another view (called needsAuth) -> KO
Reload
The URI ends with /#/login -> OK
The content comes from the login view -> OK

On First load:

After a reload:

HTML Code:

<!DOCTYPE html>
<html ng-app='app'>
<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-route.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div ng-view>
  </div>
</body>
</html>

Javascript code

var template = '{{vm.text}}';

angular
  .module('app', ['ngRoute'])
  .config(['$routeProvider', routes])
  .controller('needsAuthController', needsAuthController)
  .controller('loginController', loginController)
  .run(['$rootScope', '$location', registerRedirection]);

function routes($routeProvider){
  $routeProvider
    .when('/needsAuth', {
      controller: 'needsAuthController',
      controllerAs: 'vm',
      template: template
    })
    .when('/login', {
      controller: 'loginController',
      controllerAs: 'vm',
      template: template
    })
    .otherwise({
      redirectTo: '/needsAuth'
    });
}

function needsAuthController(){
  var vm = this;

  vm.text = 'needsAuth';
}

function loginController(){
  var vm = this;

  vm.text = 'login';
}

function registerRedirection($rootScope, $location){
  $rootScope.$on('$routeChangeStart', function(event, next){
    $location.path('/login');
  });
}

The text was updated successfully, but these errors were encountered:

ryanhart2 · 2014-11-13T15:14:22Z

Did you look at #9607 and #9678? They seem to address the same issue.

ghusse · 2014-11-13T15:36:42Z

Indeed, the issue is similar to #9607.

I replaced $routeChangeStart by $locationChangeStart and it works (which is weird because of #9678)

ghusse closed this as completed Nov 13, 2014

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Routing redirection renders an incorrect view at first load #10041

Routing redirection renders an incorrect view at first load #10041

ghusse commented Nov 13, 2014

ryanhart2 commented Nov 13, 2014

ghusse commented Nov 13, 2014

Routing redirection renders an incorrect view at first load #10041

Routing redirection renders an incorrect view at first load #10041

Comments

ghusse commented Nov 13, 2014

ryanhart2 commented Nov 13, 2014

ghusse commented Nov 13, 2014