Angular：绑定到xlink：href不会更新IE11中的SVG

Question

我有一个显示SVG的Angular 4应用程序。 SVG是动态的，取决于模型。这是通过绑定到use xlink:href属性：

来实现的

<svg class="svg-icon">
  <use [attr.xlink:href]="'./symbol-defs.svg#' + icon" />
</svg>

请注意，icon是一个变量，因此可以更改。当发生这种情况时，应该更新SVG以反映这一点。

在Chrome，Firefox，Safari和Edge中一切正常，但在IE中，模型更改时SVG不会更新。这是一个说明问题的Plunker。它适用于IE（11）以外的所有浏览器。关于如何解决这个问题的任何想法？

Answer 1

您可以使用svg4everybody模块。 https://github.com/jonathantneal/svg4everybody

只需-D

接下来例如在AppModule.ts中你需要添加

-d