AngularJS、IE11和SVG<;使用>;内锚

AngularJS、IE11和SVG<;使用>;内锚,angularjs,svg,internet-explorer-11,Angularjs,Svg,Internet Explorer 11,我使用的是SVG精灵,如本文所述。这些图标通常位于锚中,如下所示: <a ui-sref="home"> <svg class="rp-icon"> <use xlink:href="#rp-home"></use> </svg> <span>Home</span> </a> 单击锚点(而不是直接单击图标)可以按预期工作 这是一个角度错误,还是我使用SVG图标

我使用的是SVG
精灵,如本文所述。这些图标通常位于锚中,如下所示:

<a ui-sref="home">
    <svg class="rp-icon">
        <use xlink:href="#rp-home"></use>
    </svg>
    <span>Home</span>
</a>
单击锚点(而不是直接单击图标)可以按预期工作


这是一个角度错误,还是我使用SVG图标有问题?

您找到了解决方案吗。我遇到了几乎完全相同的问题???@MikeYoung将svg元素包装在div或span中。我用display:inline block、position:relative和line height:0设置了包装元素的样式。
function nodeName_(element) {
    return lowercase(element.nodeName || element[0].nodeName);
}