递归角搞乱CSS(recursive angular messing up css)

2019-09-30 01:30发布

你好,我是基于建立一个家谱图https://github.com/zikosichi/hierarchy-view

我目前的执行驻留在这里

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

在nodes.component.html我递归角实现搞乱了CSS。 节点之间的线路正在制定正确...

难道是我的执行递归的CSS,或两者?

我不顾一切地想出解决办法

非常感谢你检查了这一点

Answer 1:

虽然在一个循环渲染的成分,你必须确保组件具有只需要重复那些HTML,而不是那些不应该被重复。

在你的情况, <app-nodes>组分重复在循环中。 该组件具有<div class="hv-container"><div class="hv-wrapper">它获取重复。

只有项目和其他子元素必须重复。

已分割app-nodes仅含有命名子项到另一个<app-node>

分叉的解决方案可以在这里找到



文章来源: recursive angular messing up css