在Angular 7中遇到图像闪烁的问题通常是由于在轮询时未正确处理图像加载的延迟或错误引起的。下面是一个可能的解决方法,其中包含代码示例:
*ngIf
指令来控制图像的显示和隐藏,这样当图像加载完成后才显示图像。
imageLoaded
,并在图像加载完成时将其设置为true
。export class MyComponent {
imageLoaded: boolean = false;
onImageLoad() {
this.imageLoaded = true;
}
onImageError() {
// 处理加载错误的情况
}
}
setTimeout
函数来在图像加载之后延迟一段时间再进行轮询。export class MyComponent {
imageLoaded: boolean = false;
onImageLoad() {
this.imageLoaded = true;
setTimeout(() => {
// 调用轮询函数
this.startPolling();
}, 1000); // 延迟1秒钟
}
onImageError() {
// 处理加载错误的情况
}
startPolling() {
// 执行轮询操作
}
}
通过以上步骤,你可以在图像加载完成后再进行轮询,避免了图像闪烁的问题。请根据你的具体需求进行适当的调整和扩展。