AngularJS - 交互式svg图形和后退按钮支持

Question

我正在实现一个嵌入在我即将发现的奇妙angularjs框架中的交互式svg图形。我的原型svg图形在这里

Radial Subgraph

基本上点击节点，图表显示会发生变化，我希望能够支持浏览器后退按钮重做点击。如何使用AngularJS实现此目的的最佳方法。我看到了AngularJS的路由工具，但我不确定这是否可行，因为我不需要为图形显示的不同状态使用不同的html模板。

由于

马丁

Answer 1

您应该使用$location服务来更新网址（它使用hashbangs或window.history.pushState），然后将url参数与您的应用程序状态同步。

我想办法将应用程序的数据序列化为URL（例如查询参数），然后使用$location更新每次更改的URL。

说，像：

{
    centerNode: "Iris",
    maxDistance: 3
}

可以将URL编码为：

centerNode=Iris&maxDistance=3