ng-clickは、Shadow Domからclikcing要素によってトリガーされた場合にアプリケーションを破ります。

Question

考えられるのは、SVGをシャドーDOMに保持し、それらに 'use'タグを挿入することです。 問題はIE11で、SVGをカプセル化する要素にng-clickを追加するときです。

<a ng-href="#/settings/profile"> 
 
    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon--medium" name="cog"> 
 
     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cog"></use> 
 
    </svg> 
 
</a>

同じ添付NG-クリックすると、タグまたは任意の要素をクリックする上で起こります。 問題が発生すると、UIが応答を停止します。ハードページの再ロードのみが問題を修正します。

IEでのみ観測されます。 Chromeは正常に動作します。

何ができますか？

Answer 1

pointer-events: none;を追加してください。