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，而不是把它们放在彼此之下。