html img - 没有图像错误 - 图像闪烁

Question

当原始图像无法显示时，我正在显示“未找到图像”图像。

img 的 src 更新非常快（每隔几毫秒）。因此，当出现 src 失败的图像时，会显示错误图像，但由于快速更新而闪烁。 （即 src 使用相同的错误 url 快速更新）

这是代码

<img src="{{imgSrc}}{{car.modelNum | carName:car.code}}" onerror="this.src='assets/images/no-car-image.jpg';"    />

模型 Car 更新很快，但 modelNum 和 car code 在更新过程中是相同的。因此 URL 也将相同。

当更新时数据实际上没有更改时，有什么方法可以控制角度的 ui 更新吗？

2023 年 1 月 25 日更新 - 此图像位于 *ngFor 中

Answer 1

我猜是“ng-if” || “ng-show”指令可以通过显示 || 来解决您的问题当要显示的实际数据准备就绪时声明 img 标签...

当“data_is_loaded”=正值时声明图像 ||真的

<img ng-if="data_is_loaded" src="{{imgSrc}}{{car.modelNum | carName:car.code}}" onerror="this.src='assets/images/no-car-image.jpg';"    />

当“data_is_loaded”=正值时显示图像 || True（注意这个是声明的但是是隐藏的...）

<img ng-show="data_is_loaded" src="{{imgSrc}}{{car.modelNum | carName:car.code}}" onerror="this.src='assets/images/no-car-image.jpg';"    />

当您的图像最终加载或失败时，可以设置“data_is_loaded”的值...