javascript - 更改 AngularJS 上的 URL，无需转换特定链接的状态，但将 URL 保留在链接中

Question

我有一个包含两个操作的链接。当我单击它时，它会通过“ng-click”打开一个模式框，但它也会通过“ng-href”转换状态。

模态框的打开是有意的。状态转换则不然。不过，我需要保持该状态转换中的 URL。

当我尝试使用 $locationChangeStart 来阻止状态更改时，它也会阻止 URL 更改。这不是优选的。我也进行了一些研究，并在“reloadOnSearch”中找到了潜在的解决方案。但是，不可能指向特定链接。并非页面上的所有链接都这样做，其他链接都是正常链接。此外，我不知道如何将 reloadOnSearch 与 ui-router 一起使用。

我尝试实现的功能类似于 Pinterest 的项目叠加。当您单击该项目时，它们会打开一个模式框并更改 URL，但底层页面不会更改。这允许最终用户复制 URL 并与他们的 friend 分享，当他们访问它时，它实际上会直接进入项目页面，而不是叠加层。

我目前正在使用 ui-router，如果这能让事情变得更容易的话。

希望有人能提供解决方案吗？

Answer 1

您可以尝试 Angular ui Bootstrap modal 以更好地与 AngularJS 集成。看一下 http://angular-ui.github.io/bootstrap/ 中的示例或者您可以通过 data-target="#abc"而不是 href="#abc"打开模式