AngularJS infinite loop when routeParams not null

Question

I'm trying to use the routeParams so I can get part of a URL, but it gets me into an infinite loop when I try to access to the URL with a GET parameter. Currently, I have the following defined:

var nappet = angular.module('nappet', ['ngRoute', 'ngCookies']);

nappet.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider
        .when('/', {templateUrl: 'app/home/view/homeView.html', controller: 'homeController'})
        .when('/organizadores', {templateUrl: 'app/organizers/view/organizerView.html', controller: 'organizerController'})
        .when('/organizadores/:organizer', {templateUrl: 'app/organizers/view/organizerDetailView.html', controller: 'organizerController'})

    $locationProvider.html5Mode(true);
}]);

And here's the controller:

nappet.controller('organizerController', function($scope, $location, $cookies, $http, $routeParams) {

    if($routeParams.organizer === undefined) {
        console.log('Works');
    } else {
        console.log('Infinite loop');
    }
});

So, if I put anything replacing the organizer param, it prints that "Infinite loop" message in a loop, but it works when I don't use any parameter on the URL. What could be the problem here?

Did you try to add `.otherwise({redirectTo:'/organizadores'});` after the las `when` ? — Zakaria, Sep 16 '16 at 14:49
you could combine those routes into one using a wildcard also — charlietfl, Sep 16 '16 at 15:21

score 1 · Answer 1 · answered Sep 16 '16 at 15:06

1

You forgot to add the .otherwise({redirectTo:'/organizadores'}); instruction to your $routeProvider.

answered Sep 16 '16 at 15:06

Zakaria

14,892
22
84
125

I've got the otherwise pointing to '/error' already, but I removed from the code – Xabi Sep 16 '16 at 15:17

AngularJS infinite loop when routeParams not null

1 Answers1