Angular UI-Router: 如何在路径参数更改时重新加载状态，但不在查询参数更改时重新加载？

Question

15

例如，我希望在导航中进行此更改以重新加载状态:

但我不希望在以下导航时重新加载状态:

根据ui-router文档，设置reloadOnSearch: false应该可以实现这一点，但请尝试下面的示例。当reloadOnSearch === false时，更改路径参数不会重新加载状态，即使文档说它应该这样做。

- Matt York

你是否曾经找到了解决上述问题的方法？我也需要同样的东西。 - Jon Harding

2个回答

2

这是UI-Router中的一个漏洞，已在版本0.2.15中修复：

升级到最新版本即可解决问题。

- Matt York

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Radim Köhler · Accepted Answer

我创建了一个plunker，演示了ui-router功能reloadOnSearch按照这里的文档工作正常:

reloadOnSearch:

布尔值 (默认为true)。如果为false，则不会因为搜索/查询参数已更改而重新触发相同状态。当您想修改$location.search()而不触发重新加载时很有用。

所以，这意味着，如果我们有这样的状态

.state('index.detail', {
      url: '/detail/:id',
      reloadOnSearch : false,
      ...
    })

导航到

将加载此状态，而导航到

将不会执行任何操作。但是! 如果我们引入像这样定义的新的（例如兄弟）状态：

.state('index.other', {
      url: '/other/:id',
      reloadOnSearch : false,
      ...
    })

导航到以下序列将始终重新触发状态重新加载，不是因为参数改变，而是因为状态改变

在此处查看所有操作...