Angular 2在其他SVG中添加SVG

目标是动态生成一个图形，与链接视频开头的示例一样，用线连接

我希望所有的事件监听器都可用，从我从SVG的理解来看，这应该是它擅长的事情。然而，我不能让它与组件工厂或与ng模板也

我想实现这样的目标

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

首先，我建议使用svg操作和角度。我们用它来完成这些任务

另外，可能还有一个类似的问题

我个人建议使用
*ngFor
，
*ngIf
结构指令，这必须适用于所有情况。我不明白为什么您需要嵌入svg-s，而不让它们相互覆盖
 你的链接视频在哪里？对不起，我忘了。我嵌套svg是因为我可以看到，这就是这个库的工作方式，我想避免结构指令，因为我无法使它按我想要的方式工作。然而，似乎有很多标签，这将使它更容易。当我找到解决方案时，我会发布它。似乎唯一的方法是使用结构化指令，并使用
ng模板
。从这个例子中