D3.js不在HTML中追加更新樹

Question

我在angular js中使用D3.js Drag and Drop tree。它工作正常，但每當我在爭取任何改變json輸入的d3.js的鏈接時，它必須改變前端的樹，但不會發生。 d3的更新函數被調用，但前端沒有更新樹。

這裏是演示plunker http://plnkr.co/edit/Goe2xT0ZIZH4JGEaHUeN?p=preview我已經創建。在這裏你可以在第一次看到Home作爲父節點，但是當你點擊鏈接來改變輸入json的樹沒有更新時，你可以在控制檯檢查那個更新函數調用。

這是我參考的鏈接http://bl.ocks.org/robschmuecker/7880033

Answer 1

什麼情況是，新的SVG被附加到容器，因爲有一個白色的背景，第一個圖形仍然在上面。您需要做的只是通過將dndtree.js的第149行更改爲var baseSvg = d3.select("#tree-container").html("").append("svg")來清潔容器，其中html("")將清理它。您也可以在其他地方事先清潔容器。