递归角度搞砸了CSS

时间:2018-07-09 19:03:04

标签: html css angular sass

您好,我正在根据https://github.com/zikosichi/hierarchy-view

建立家谱图

我当前的实现位于此处

https://stackblitz.com/github/skwallace36/famtree

我在nodes.component.html中的递归角度实现弄乱了css。节点之间的线绘制不正确...

是我对递归的实现,还是css,还是两者兼而有之?

我很想找出答案

非常感谢您检查此内容

1 个答案:

答案 0 :(得分:1)

在循环渲染组件时,必须确保该组件只有那些必须重复的html,而不是那些不应重复的html。

在您的情况下,循环中重复了<app-nodes>组件。 该组件具有<div class="hv-container"><div class="hv-wrapper">,它们会重复。

仅这些项目和其他子元素必须重复。

已将app-nodes拆分为仅包含名为<app-node>的子项的另一项

分叉的Solution在这里可用