AngularJS，IE11和SVG <use>内部锚点</use>

Question

我正在使用此CSS-Tricks文章中描述的SVG <use>精灵。这些图标通常生活在锚点中，如下所示：

<a ui-sref="home">
    <svg class="rp-icon">
        <use xlink:href="#rp-home"></use>
    </svg>
    <span>Home</span>
</a>

我发现AngularJS的一个奇怪的错误只发生在IE11（不是IE10，并没有测试任何早期的IE版本）。

直接点击图标会抛出Angular错误Unable to get property 'nodeName' of undefined or null reference，抛出此Angular函数：

function nodeName_(element) {
    return lowercase(element.nodeName || element[0].nodeName);
}

单击锚点，但不直接点击图标，按预期工作。

这是一个Angular错误，或者我使用SVG图标出了什么问题？