Angular 2 在其他 SVG 中添加 SVG

Question

我们的目标是动态生成一个图表，用线条连接起来，就像链接视频开头的示例一样。

我希望所有事件侦听器都可用，根据我对 SVG 的理解，这应该是它擅长的事情。但是我不能让它与组件工厂或 ng-template 一起工作。

我想实现这样的目标

<svg>
   <svg:g my-other-svg-component [attr.x] ... />  <= dynamically created
   <svg:g my-other-svg-component [attr.x] ... />  <= dynamically created
</svg>

https://www.youtube.com/watch?v=30li6w62eCo

Answer 1

首先，我建议this guide 关于 svg 操作和角度。我们将d3 用于此类任务。

另外，with your answer 可能也有类似的问题。

我个人建议使用*ngFor、*ngIf 结构指令，这必须适用于每种情况。我不明白为什么你需要嵌入 svg-s，而不是将它们放在一起。