应用程序状态，可选的参数并没有尾随斜线 [英] app state with optional param and no trailing slash

问题描述

  .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
      }
   }

这篇关于应用程序状态，可选的参数并没有尾随斜线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！