javascript - D3.js 未在 HTML 中附加更新的树

Question

我在 Angular js 中使用 D3.js 拖放树。它工作正常，但每当我访问任何更改 d3.js 的 json 输入的链接时，它必须更改前端的树，但它没有发生。调用了d3的更新函数，但没有更新前端的树。

这是演示插件 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("")清理它。您也可以在其他地方预先清洁容器。