angularjs - 带有可选参数且没有尾部斜杠的应用程序状态

Question

.state('tabs.map', {
    url:'/map/{location_id}',
    params: {
      location_id: { value: -1 }
    },
    views: {
      'map-tab':{
        templateUrl:'templates/map.html',
        controller:'MapCtrl'
      }
    }
  })

我已经尝试了许多不同的可选参数选项，我在网上找到了这些选项，但没有一个像我正在寻找的那样工作。我添加的代码允许:

/tab/map/.*?

/标签/ map /

但不是

/标签/ map

我不确定为什么尾部斜杠会导致问题，因为 from what I've read这应该不是问题。有谁知道如何解决这个问题？
最近咨询过

Angular UI-Router: Multiple URLs to single state

AngularJs UI router - one state with multiple URLs

Can angularjs routes have optional parameter values?

Laravel 4 Route issues with multiple and optional get params

解决方案
简介 Squash 参数变量

.state('tabs.map', {
    url:'/map/:location_id',
    params: {
      location_id: { value:null, squash:true }
    },
    views: {
      'map-tab':{
        templateUrl:'templates/map.html',
        controller:'MapCtrl'
      }
    }
  })

Answer 1

您可以使用 Squash 参数来允许没有尾部斜杠

  params: {
      location_id: {
        value: null,
        squash: true
      }
   }