How to initialize default route in angular?

Question

So I'm trying to use angular routing in my application. The problem is that the route "/" does not get initialized automatically. So I first go to "/" and the main content of the page is empty (the template is not loaded at all), I click the link to /settings and settings are loaded, then I click a link to "/" and this time the template is initialized correctly. So how do I make the thing initialized at the beginning?

Here's my routing configuration:

 app.config(function($routeProvider, $locationProvider) {
          $routeProvider
           .when('/', {
            templateUrl: '/profile.html',
            controller: 'ProfileController',
          }).when('/profile', {
            templateUrl: '/profile.html',
            controller: 'ProfileController',
          }).when('/settings', {
            templateUrl: '/settings.html',
            controller: 'SettingsController'
          });

          $locationProvider.html5Mode({
            enabled: true,
            requireBase: false
          });
        });

I tried calling $location.url("/profile") from a controller and it did help, but the url has to be changed and I would rather keep the "/"

Try removing the trailing commas in your .when()'s for a start — Chrillewoodz
– Chrillewoodz, Commented Sep 12, 2015 at 14:54
doesn't help. Also, as far as I know it is perfectly okay to have a trailing comma in your property listing in JS — Kamil Janowski
– Kamil Janowski, Commented Sep 12, 2015 at 14:59
In some cases it can break things. So you shouldn't leave trailing commas just for the sake of it. It was merely a pointer rather than an answer :) — Chrillewoodz
– Chrillewoodz, Commented Sep 12, 2015 at 15:01

maddygoround · Accepted Answer · 2015-09-12 14:59:05Z

1

use otherwise({ redirectTo: "/" })

Update : here how it should be

 $routeProvider
           .when('/', {
            templateUrl: '/profile.html',
            controller: 'ProfileController',
          }).when('/profile', {
            templateUrl: '/profile.html',
            controller: 'ProfileController',
          }).when('/settings', {
            templateUrl: '/settings.html',
            controller: 'SettingsController'
          }).otherwise({ redirectTo: '/' });

answered Sep 12, 2015 at 14:59

maddygoround

2,3102 gold badges21 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Kamil Janowski Over a year ago

looks like something I should add to my code anyway, but doesn't really solve this particular problem :(

Kamil Janowski Over a year ago

I did a dirty hack... first I configured the "otherwise" and then I did the $location.url("/whatever"). Now the page is initialized nicely :P

maddygoround Over a year ago

just remove "/" from all your templateURL

Kamil Janowski Over a year ago

doesn't help. I'm gonna stick to my solution inspired by your original advice :)

Collectives™ on Stack Overflow

How to initialize default route in angular?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related