当将'/'用作父状态的网址时，网址中会出现两个斜杠 [英] When '/' is used for url of a parent state two slashes appear in url

问题描述

更新:
我的假设是错误.我期望url以通常如何生成最终路径的方式表示路径的组成部分以及相应的组合.但是网址只是连接在一起，仅此而已.

Update:
My assumption was wrong. I expected that urls represent components of the path with corresponding combination in a way how final path is usually produced. But urls are just concatenated, nothing more.

我有以下状态:

.state('banksList',
{
    url: '/',
    ...
})
.state('banksList.bank',
{
    url: '/bank/{bankId}',
    ...             
})
.state('banksList.bank.branch',
{
    url: '/branch/{branchId}',
    ...
})

转换到banksList.bank后，浏览器显示http://bla-bla//bank/1，基本标记指向http://bla-bla/.

After transition to banksList.bank browser shows http://bla-bla//bank/1, and base tag points to http://bla-bla/.

URL似乎是串联在一起的.我需要启用某种模式还是什么?

It looks like urls are just concatenated. Do I need to enable some mode or what?

推荐答案

有正在工作的插栓

为保持您的期望，您可以使用魔术符号 ^ .这实际上是对UI-Router说的:重新启动url定义，不要使用父部分"

To keep your expectations working, you can just use magical sign ^. That is effectively saying to UI-Router: "restart url definition, do not use parent part"

.state('banksList',
{
    url: '/',
    ...
})
.state('banksList.bank',
{
    url: '^/bank/{bankId}',
    ...             
})
.state('banksList.bank.branch',
{
    url: '/branch/{branchId}',
    ...
})

请参阅:

如果要具有绝对的URL匹配，则需要在URL字符串前添加特殊符号"^"作为前缀. ...

If you want to have absolute url matching, then you need to prefix your url string with a special symbol '^'. ...

因此，如 plunker 所示，这些链接将按预期工作

So, as the example plunker shows, these links will work as expected

<a href="#/">
<a href="#/bank/B1">
<a href="#/bank/B2">
<a href="#/bank/B1/branch/A1">
<a href="#/bank/B2/branch/A22">

<a ui-sref="banksList">
<a ui-sref="banksList.bank({bankId: 'X1'})">
<a ui-sref="banksList.bank({bankId: 'X2'})">
<a ui-sref="banksList.bank.branch({bankId: 'X1', branchId: 'Y1'})">
<a ui-sref="banksList.bank.branch({bankId: 'X2', branchId: 'Y22'})">

在在此处操作

这篇关于当将'/'用作父状态的网址时，网址中会出现两个斜杠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！