您好,我正在根据https://github.com/zikosichi/hierarchy-view
建立家谱图我当前的实现位于此处
https://stackblitz.com/github/skwallace36/famtree
我在nodes.component.html中的递归角度实现弄乱了css。节点之间的线绘制不正确...
是我对递归的实现,还是css,还是两者兼而有之?
我很想找出答案
非常感谢您检查此内容
答案 0 :(得分:1)
在循环渲染组件时,必须确保该组件只有那些必须重复的html,而不是那些不应重复的html。
在您的情况下,循环中重复了<app-nodes>
组件。
该组件具有<div class="hv-container">
和<div class="hv-wrapper">
,它们会重复。
仅这些项目和其他子元素必须重复。
已将app-nodes
拆分为仅包含名为<app-node>
的子项的另一项
分叉的Solution在这里可用