angularjs – 具有可选参数的app状态,没有尾部斜杠

发布时间：2020-12-17 17:45:50 所属栏目：安全来源：网络整理

导读：.state('tabs.map',{ url:'/map/{location_id}',params: { location_id: { value: -1 } },views: { 'map-tab':{ templateUrl:'templates/map.html',controller:'MapCtrl' } } }) 我已经在网上找到了一些可选参数的不同选项,但它们都没有像我正在寻找的那样工

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

我已经在网上找到了一些可选参数的不同选项,但它们都没有像我正在寻找的那样工作.我添加的代码允许：

> /tab/map/.*？
> / tab / map /

但不是

> / tab / 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

解

将壁球引入param变量

.state('tabs.map',{
    url:'/map/:location_id',params: {
      location_id: { value:null,squash:true }
    },controller:'MapCtrl'
      }
    }
  })

解决方法

您可以使用squash参数来允许不使用尾部斜杠

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!