在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");