AngularJS: param opzionale di lingua nell'URL

Question

Sto lavorando con angularjs e UI-Router. Mi piacerebbe configurare percorsi che specificano la lingua selezionata. anche se questa parte del percorso dovrebbe essere opzionale.

devo seguenti stati:

{ 
    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' 
      } 
    } 
} 

ora il suo unico possibile navigare a MainView con

example.com/en/mainview 

Anche se mi piacerebbe configurare il ui-router in modo che tutti gli O i seguenti itinerari sono validi:

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

Posso impostare un percorso con un param lingua facoltativa, all'inizio senza di noi una doppia barra? Se no, quali alternative suggerisci?

Answer 1

c'è una soluzione in dettaglio descritto qui

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

dove è fondamentalmente introdurre stato genitore

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