当前位置: 首页 > 面试题库 >

angular ui-router:当路径参数更改时如何重新加载状态,但在查询参数更改时如何不重新加载状态?

充运浩
2023-03-14
问题内容

例如,我希望此导航更改可重新加载状态:

  • #/detail/1
  • #/detail/2

但我不希望此导航重新加载状态:

  • #/detail/1?search=blah
  • #/detail/1?search=huzzah

根据ui-router文档,设置reloadOnSearch: false应可完成此操作,但请尝试以下操作。当reloadOnSearch === false为时,即使文档说应该更改路径参数,它也不会重新加载状态。

Plunkr:http:
//run.plnkr.co/ZPy9uabYlkMilwdS/#/param


问题答案:

这是UI-Router中的错误,已在0.2.15版中修复:

https://github.com/angular-ui/ui-router/releases

升级到最新版本将解决此问题



 类似资料:
  • 问题内容: 我有一个带有链接的“主页”组件,当您单击链接时,产品组件就会随产品一起加载。我还有另一个始终可见的组件,其中显示了“最近访问过的产品”的链接。 在产品页面上时,这些链接不起作用。当我单击链接时,URL会更新,并且会进行渲染,但是产品组件不会随新产品一起更新。 请参见以下示例: Codesandbox示例 以下是index.js中的路由: ProductHistory中的链接如下所示:

  • 问题内容: 嘿,我注意到在浏览GitHub存储库时,它使用AJAX加载每个文件夹/文件。 我了解所有这些,我只是想知道他们如何更改URL。您可以使用JavaScript获取并设置URL吗?如果是这样,对于将基于JavaScript的网站的一部分添加为书签可能非常有用。(其中的几页,通过JavaScript在其中移动) 谢谢。 问题答案: 它在历史记录操作API中使用了新的push/ pop状态功能

  • 我正在使用Angular UI路由器,希望重新加载当前状态并刷新所有数据/重新运行当前状态及其父级的控制器。 我有3个州级:directory.organisations.details 目录组织包含一个包含组织列表的表。单击表loads目录中的项目。组织。$StateParams传递项目ID的详细信息。因此,在详细信息状态下,我加载此项目的详细信息,编辑它们,然后保存数据。目前一切正常。 现在我

  • 问题内容: 我正在使用Angular UI Router,并希望重新加载当前状态并刷新所有数据/为当前状态及其父级重新运行控制器。 我有3个状态级别: directory.organisations.details directory.organisations 包含一个带有组织列表的表。单击表中的一个项目将加载$ directoryParams传递该项目的ID的 directory.organi

  • 我正在使用React-Router开发一个react应用程序。我有一个项目页面,其url如下: 当项目组件加载时,我从componentDidMount事件触发该项目的数据请求。我现在遇到了一个问题,如果我直接在两个项目之间切换,那么只有id像这样更改... componentDidMount不会再次触发,因此不会刷新数据。是否有另一个生命周期事件我应该用来触发我的数据请求或一个不同的策略来解决这

  • 有没有可能--在中也这样做? 我为什么需要这个?让我用一个例子来解释: 创建新类别的路由是,在保存时显示,并且要将路由(23-是新项的id存储在数据库中)