img元素的默认图像

Question

我正在使用像管道这样的img元素

<img [src]="filename | pathPipe" />

我想指定一个默认图像，如果图像路径被破坏，则使用该图像。这可以在模板内完成，例如有[默认]属性？

Answer 1

img元素提供error事件，因此这应该可以正常工作：

<img [src]="filename | pathPipe" (error)="filename = '/path/to/fallback.jpg'" />

Answer 2

在pathPipe内部，如果您有异步调用或下载图片之类的内容。 您可以在管道函数内部使用startsWith设置默认值。