d3 v5树：链接上的文本在树折叠时没有隐藏

Question

我想在d3 v5树上显示文本。我可以将文本添加到链接。但是当我折叠树时，文本不会随着折叠而隐藏。这是代码笔 https://codepen.io/jawadahm/pen/xxxeWJw。

我尝试使用以下内容：

 link.enter().insert('text', "g")
    .attr("font-family", "Arial, Helvetica, sans-serif")
    .attr("fill", "Orange")
    .style("font", "normal 12px Arial")
    .attr("transform", function(d) {
      return "translate(" +
      ((d.parent.y + d.y) / 2) + ',' + ((d.parent.x + d.x) / 2) + ")";
    })   
    .attr("dy", ".35em")
    .attr("text-anchor", "middle")
    .text(function(d) {
      return d.data.name;
    });