AngularJS：URL中的可選語言參數

Question

我正在使用angularjs和UI-Router。我想配置指定所選語言的路由。儘管這部分路線應該是可選的。

我有以下狀態：

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

現在它只能瀏覽與

example.com/en/mainview 

到MAINVIEW雖然我想配置UI的路由器，所有O以下路線是有效的：

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

我可以在沒有我們的情況下設置具有可選語言參數的路線嗎？雙斜槓？如果不是，您有什麼建議？

Answer 1

這裏有描述

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

，您主要介紹父狀態進行詳細的解決方案

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