C# 在两个节点之间画一条线

我有一个使用AngularJS的解决方案，它在锦标赛树中生成一个匹配括号：

我的问题是如何在使用ng repeat生成的两个节点之间画一条线，使其看起来像这样

我一直在研究其他问题，例如，我一直在尝试使用以下代码示例：jsfiddle.net/kDs2Q/1047/ 但我不知道如何使用它与ng重复

编辑：

我做了一个简单的小提琴来尝试设置我的一些解决方案

jsfiddle.net/U3pVM/14850/

单击“绘制线”时，它会绘制一条远离两个节点的线。如何使用绘制的线连接两个节点？同样，如果我添加另一个节点，它将连接到下一个节点

[Node1]--[Node2]--[Node3]

编辑2:

好的，我已经尽了最大的努力从我自己的解决方案中创建了一个小提琴。我做了一个设置，每个节点都有一个Id和一个ParentId。这样，我应该能够设置从子级到父级绘制的线

但我似乎在angularjs中的traverseScopesLoop中遇到了一个连续循环。我无法渲染它

我怀疑

document.body.innerHTML+=htmlLine是否可能是循环的原因

请看一下这把小提琴，记住函数“iterateAndGenerateDivsForDrawnLines”是多余的。您需要删除outcomment才能运行函数并启动循环

jsfiddle.net/U3pVM/14934/

帮助，建议，链接-一切都很感激！提前谢谢。：）