Не удалось отобразить изображение в Angular 6

Question

У меня есть приложение angular 6, в котором изображения поступают из API для отображения, как показано ниже:

 <img class="news-image" src="{{ news.pictureUrl }}" alt="News headline image">

Тем не менее, в пользовательской среде у нас появляются различные изображения, которые появляются из контейнера (может из-за ширины, так как у нас нет доступа к пользовательской среде, мы не можем воспроизвести на нашем конце) , Тем не менее, он не показывает изображение, Пожалуйста, смотрите ниже код, который я пытался для того же самого в браузере HTML.

<img class="news-image" src="file://c://images/image1.png" alt="News headline image">

Однако это не работает вообще. РЕДАКТИРОВАТЬ ИЗОБРАЖЕНИЕ ИЗОБРАЖЕНИЯ:

imagesFromAsset

Пожалуйста, помогите

Answer 1

Попробуйте поместить изображение в папку активов в Angular Project, чтобы оно работало после его развертывания на сервере

<img class="news-image" src="../../../assets/imgs/image1.png" alt="News headline image"/>

или

<img class="news-image" src="file://c:/images/image1.png" alt="News headline image"/>

И в component.scss задайте высоту и ширину файла, чтобы изображение отображалось в соответствии с дизайном. Например:

.news-image{
height:50px;
width:50px;
}

Answer 2

<img class="news-image" src="file://c:/images/image1.png" alt="News headline image">

попробуйте