Простой способ подать изображение и визуализировать на странице с помощью Angular 6 и html img tag.

Question

Мне нужно предоставить некоторые изображения моему клиенту, но я не уверен в чистом, кратком способе сделать это в Angular 6. Многие решения, которые я изучил, являются сложными или могут обойти промежуточное ПО, которое я создал,Кто-нибудь знает какие-либо чистые, краткие способы обработки обслуживаемых изображений в Angular 6 ??Я хочу отправить токен с запросом, а также должен иметь возможность установить src на нестатический URL-адрес (например, 'localhost: 3000 / profile /' + imgLocation)

Answer 1

Чтобы отобразить изображение, используйте тег img, как в обычном HTML.В обработке изображений нет ничего специфичного для Angular, так как браузеры сами работают.

<img src="https://unsplash.it/600">

---

Для нестатического URL-адреса вы можете использовать привязку Angular для его изменения при изменении модели.Если у вас есть свойство класса imageUrl, вы можете связать его, используя синтаксис []:

<img [src]="imageUrl">

Теперь, когда вы изменяете свойство imageUrl, это изменение будет отражаться в DOM.