应用程序状态,可选的参数并没有尾随斜线并没有、斜线、可选、应用程序

2023-09-14 23:10:35 作者:ゐ尔守侯

  .STATE('tabs.map',{    网址:'/地图/ {} LOCATION_ID,    params:一个{      LOCATION_ID:{值:-1}    },    观点:{      地图舌:{        templateUrl:'模板/ map.html',        控制器:'MapCtrl      }    }  }) 

我已经尝试了一些,我已经在网络上找到,但他们没有工作,完全像我在寻找可选PARAMS不同的选项。在code我添加允许:

#/制表/图/.*?#/制表/图/

而不是

#/制表/图

我不知道为什么最后的斜线是造成问题,因为的。有谁知道如何解决这个问题?

日前请教了

Angular UI的路由器:多个URL单状态 AngularJs UI路由器 - 一个国家有多个网址 Can angularjs路由具有可选的参数值? Laravel 4多和可选得到PARAMS 路线问题

解决方案

简介壁球以参数变量

  .STATE('tabs.map',{    网址:'/图/:LOCATION_ID',    params:一个{      LOCATION_ID:{值:空,壁球:真正}    },    观点:{      地图舌:{        templateUrl:'模板/ map.html',        控制器:'MapCtrl      }    }  }) 

解决方案 该文件没有与之关联的程序怎么办

您可以使用壁球参数,允许在不斜线

  params:一个{      LOCATION_ID:{        值:空,        壁球:真      }   } 

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

I've tried a number of different options for optional params that I've found on the web but none of them work exactly like I'm looking for. The code I've added allows for:

#/tab/map/.*? #/tab/map/

but not

#/tab/map

I'm not sure why the trailing slash is causing a problem because from what I've read it shouldn't be a problem. Does anyone know how to resolve this?

Recently Consulted

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

Solution

Introduction of squash to param variable

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

解决方案

You can use squash parameter to allow without trailing slash

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

 
精彩推荐
图片推荐