AngularJS创建HTMLElements而不是SVGElements

Question

我有两个指令，my-svg和my-rect。我想这样用它们：

    <svg my-svg>
      <my-rect/>
    </svg>

my-rect创建一个SVG rect，my-svg在其中创建一个svg节点，其中有一个被屏蔽的矩形。最后，我想得到的是：

    <svg width='300' height='300'>
      <rect x="140" y="30" width="25" height="25" fill="red"></rect>
    </svg>

参见这里的示例：http://plnkr.co/edit/UIyUtX?p=preview

如您所见，即使红色矩形存在于DOM中，也不会显示它。根据这个讨论，似乎没有显示矩形，因为它应该是一个HTMLElement，而它应该是一个SVGElement。

正如在同一次讨论中所建议的那样，我使用自定义指令编译器将DOM节点从HTMLElement类型转换为SVGElement，但在我的用例中，即使这样也不起作用。

我做错了什么？

谢谢

Answer 1

推送

<g>
    <my-rect></my-rect>
</g>

将显示矩形。它没有回答你做错了什么，但它确实让代码显示你想要的东西。我花了一些时间自己研究这个问题，但我无法使它开始工作，所以以不同的方式解决了这个问题。使用这种方法你想解决的问题是什么？