Как визуализировать изображения с помощью тега <img>в проекте angular 7?

Question

Мне необходимо отобразить изображение в угловом приложении 7, используя эту информацию:

компания { логотип: 'https://static.wixstatic.com / media / dc0d61_854a54df0f1049bcbb20e2f9a64236eb.png / v1 / fill / w_112, h_112, al_c, usm_0.66_1.00_0.01 / dc0d61_854a54df0f1036bbb2bbbb9bb2bb9bb2bb9bbb2 }

Насколько я понимаю, значение логотипа должно быть указано в атрибуте src тега image в файле шаблона следующим образом:

<img width="300" alt="Company Logo" src="{{company.logo}}"/>

Первый вопрос: это самый точный способ визуализации изображения в приложении angular7?

Второй вопрос: должен ли я видеть изображение, которое необходимо отобразить, когда я захожу на указанный http-адрес (которого у меня нет, скорее я получаю сообщение об ошибке 404 Not Found при попытке посетить этот адрес src)

P.S Я не получаю отображаемое изображение при попытке выше

Answer 1

Для рендеринга изображения изображения должны быть помещены в папку активов приложения.Отдыхайте, если изображение остается тем же, тогда да, это правильный способ рендеринга изображений в приложении angular7.

Попробуйте поместить изображение в папку ресурсов и обновить путь.Это будет работать.