Is it possible to append the language as param to all urls using $stateProvider?

Question

I'm trying to add the language to the beginning of the url when missing only using $stateProvider. So if you navigate to "/products" it would became "/pt/products".

I've tried to add a param default value like this:

$stateProvider
    .state('root', {
        url: '/:lan',
        abstract: true,
        template: '<div ui-view=""></div>',
        params: { lan: 'pt' }
    });

But it doesn't have the desired effect. How is it done?

Do not miss this http://stackoverflow.com/q/31459394/1679310 — Radim Köhler, Oct 20 '16 at 17:44
@RadimKöhler Yes I've checked your link and it was helpful but didn't solve my problem. I'm going to update my question based in some changes I've made that I think are in the right direction. Thank you. — belyid, Oct 21 '16 at 12:48

score 0 · Answer 1 · answered Oct 20 '16 at 16:18

There are a couple of ways to do that. If you want to add this to all URLs:

$httpProvider.interceptors.push(function ($q) {
             return {
                 'request': function (config) {
                     config.url = config.url + '/en/';
                     return config;
                 }

             }
         });
     });

If you want route specific redirect:

$urlRouterProvider.when('/route',
{
  redirectTo: function () {
    return "/route/en";
  }
})

Is it possible to append the language as param to all urls using $stateProvider?

1 Answers1