Как отложить показ img в Angular 8 и rxjs 6?

Question

У меня есть текущий шаблон:

<img [src]="evaluatePicPath(data)" *ngIf="data">  

Теперь проблема в том, что мне нужно изменить данные во время выполнения, чтобы изображение на самом деле изменить, пока страница открыта. Я могу видеть правильное изображение * обновленное) на экране, но ошибка выброса консоли 404:

http://localhost:8080/myapp/files/bar.png 404

Я думаю, что изображение не существует в течение 1 секунды? Любая идея, как задержка показа IMG SRC? Я пытался [ngModelOptions] = "{debounce: 2000}" но этот атрибут доступен только для ввода. Спасибо.

Answer 1

Для решения этой проблемы я обновил Java-сервлет для обслуживания изображений после 1 секунда. Я использовал:

Thread.sleep(1000);

Answer 2

V1: вы можете попробовать использовать [attr.src] вместо [src].Проверьте это здесь: https://stackblitz.com/edit/angular-pxddpv

ОБНОВЛЕНИЕ: 1 Также вы можете использовать это: https://stackblitz.com/edit/angular-pxddpv-txg8ni.