2013-10-29 97 views
0

我正在實現一個交互式svg圖形,嵌入到我正要發現的美妙的angularjs框架中。我的原型SVG圖形是這裏AngularJS - 交互式svg圖形和後退按鈕支持

Radial Subgraph

基本上在點擊節點的圖形顯示的改變,我希望能夠支持瀏覽器後退按鈕重做點擊。用AngularJS實現這個最好的方法是什麼?我看到了AngularJS的路由功能,但我不確定是否需要這種方式,因爲我不需要爲圖形顯示的不同狀態使用不同的html模板。

感謝

馬丁

回答

1

您應該使用$location服務更新網址(無論是使用hashbangs或window.history.pushState),然後同步您的應用程序狀態的URL參數。

我想出了一些方法將您的應用程序的數據序列化爲一個URL(例如查詢參數),然後使用$location來更新每個更改的URL。

說,是這樣的:

{ 
    centerNode: "Iris", 
    maxDistance: 3 
} 

其中可URL編碼爲:

centerNode=Iris&maxDistance=3 
+0

非常感謝凱文。我現在沒有時間查看你的答案,這似乎正是我所期待的。希望能在今天晚些時候找到時間來研究它。再次感謝 – dorjeduck

+0

,這對我來說非常合適,這要感謝很多http://justdharma.com/d3/radial-sub-graph-history還沒有實現,手動更改網址被尊重,但這是直接做的當然 - 再次感謝 – dorjeduck

+1

偉大的,很高興提供幫助。 –