如何在运行时添加SVG元素 - Angular

Question

我要点击按钮添加SVG元素：

angular

该元素将按照我的预期正确添加，但问题是它没有显示在相关位置！我已经检查了页面的源html，我完全确定了这一点。 这是这个问题的小提琴：jsfiddle

此外，我使用1.4.x版本{{1}}。

Answer 1

正如@RobertLongson在问题的评论中所说，你应该在每次要添加新的SVG元素时提及SVG命名空间，如下例所示：

function makeSVG(tag, attrs) {
            var el= document.createElementNS('http://www.w3.org/2000/svg', tag);
            for (var k in attrs)
                el.setAttribute(k, attrs[k]);
            return el;
        }

您可以使用此功能添加新的SVG元素。我还更新了fiddle。