Angular [src] = "img" теряет ссылку, когда img: Файл меняет значение

Question

У меня есть следующее в controller.ts:

imgFile:File = someFile // that is of type .png.

В HTML у меня есть:

<img [src]="imgFile">

Хотя при изменении значения для img новое изображение не отображается(просто становится пустым изображением).??Почему и как заставить IMG автоматически обновляться при изменении imgFile?

imgFile:File = someOtherFile

Answer 1

Я полагаю, у вас есть проблема с самого начала.Если вы проверите img тег документацию , вы увидите, что он ожидает url.Вместо того, чтобы делать это типом File, почему бы вам не сделать его string и передать URL-адреса изображений?Я считаю, что это должно исправить вашу проблему.