gpt4 book ai didi

html - 递归 Angular 搞乱CSS

转载 作者:行者123 更新时间:2023-11-28 14:54:13 26 4
gpt4 key购买 nike

你好,我正在根据 https://github.com/zikosichi/hierarchy-view 构建家谱图

我当前的实现驻留在此处

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

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

是我对递归、CSS 还是两者的实现?

我很想知道这个

非常感谢您查看此内容

最佳答案

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

在你的例子中,<app-nodes>组件在循环中重复。该组件具有 <div class="hv-container"><div class="hv-wrapper">这会重复。

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

已拆分app-nodes到另一个只包含名为 <app-node> 的子元素

fork Solution在这里可用

关于html - 递归 Angular 搞乱CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51252413/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com