Goal:加载带有动态源的图像.如果找不到图像,则加载占位符图像.
这应该说明我正在try 做什么,但我不知道如何根据前img
src
是否有效有条件地设置validImage
.
<img *ngif="validImage" class="thumbnail-image" src="./app/assets/images/{{image.ID}}.jpg" alt="...">
<img *ngif="!validImage" class="thumbnail-image" src="./app/assets/images/placeholder.jpg" alt="...">
如果src="./app/assets/images/{{image.ID}}.jpg"
返回图像,则validImage
应为true
.否则,它将返回false
,并且应该只显示第二个img
标记.
有一些明显的解决方法,比如存储所有有效图像源的列表,但我认为有更好的方法来实现这一点.
如果您能就如何在Angular2实现这一点提出任何建议,我们将不胜感激.