在Angular 2中加载自定义GIF

Question

我无法在 Angular 2 中加载自定义GIF。我试过了：

<img src="./images/mygif.gif" />
<img [src]="images/mygif.gif" />

如果它是像PNG和JPG这样的图像，则显示正常

我也试过从这样的css加载：

background: url("images/mygif.gif");

有什么想法吗？

Answer 1

最好将图像放在src / assets中，以便构建找到并将它们附加到/ dist。

并用作：

<img src="/assets/images/mygif.gif" />

和

background: url("/assets/images/mygif.gif");