问Angular:绑定到xlink:href不更新IE11中的SVG
EN

Stack Overflow用户

提问于 2017-10-18 16:40:26

回答 1查看 963关注 0票数 1

我有一个Angular 4应用程序显示一个SVG。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)以外的所有浏览器中工作。对如何解决这个问题有什么想法吗？

发布于 2018-02-07 02:47:37

就是npm i --save svg4everybody

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

import * as svg4everybody from 'svg4everybody/dist/svg4everybody';
…

ngOnInit() {svg4everybody();}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46806024

复制

相似问题

问Angular:绑定到xlink:href不更新IE11中的SVGEN