AngularJS: opcjonalny język w adresie URL

Question

Pracuję z angularjs i UI-Router. Chciałbym skonfigurować trasy, które określają wybrany język. chociaż ta część trasy powinna być opcjonalna.

Mam następujące stany:

{ 
    state: 'app', 
    config: { 
      abstract: true, 
      url: '/{lang:(?:de|en)}', 
      template: '<ui-view/>' 
    } 
} 

{ 
    state: 'app.mainview', 
    config: { 
      url: '/mainview', 
      templateUrl: 'app/mainview/mainview.html', 
      controller: 'MainviewController', 
      controllerAs: 'vm', 
      title: 'Main View', 
      settings: { 
       pos: 1, 
       displayName: 'Mainview', 
       icon: 'code-array' 
      } 
    } 
} 

teraz jej tylko możliwe, aby przejść do MAINVIEW z

example.com/en/mainview 

Choć chciałbym skonfigurować UI-routera, tak aby wszyscy o następujące trasy są ważne:

example.com/mainview 
example.com/en/mainview 
example.com/de/mainview 

Czy mogę ustawić trasę z opcjonalnym parametrem językowym na początku bez nas podwójną kreskę? Jeśli nie, jakie alternatywy sugerujesz?

Answer 1

istnieje rozwiązanie szczegółowo opisane tutaj

• Angular js - route-ui add default parmeter
• Prepend optional attribute in angular ui-router URL

gdzie w zasadzie wprowadzenia stanu rodzic

.state('root', { 
    url: '/{lang:(?:en|de|cs)}', 
    abstract: true, 
    template: '<div ui-view=""></div>', 
    params: {lang : { squash : true, value: 'en' }} 
})