Angular 8 Путь к изображению

Question

Играя с Angular 8, не могу понять, как настроить правильный путь к изображению в моем проекте. Пробовал, но не повезло. Может кто-нибудь подсказать, пожалуйста, как правильно вставить изображение в компонент?

Компонент находится в папке sec / app. Изображения хранятся в папке sec / app / assets / images

Путь, который я пробовал, был: но не повезло

Структура проекта

Спасибо .

Answer 1

1. вы должны сохранить свое изображение в папке с активами (что вы, кажется, делаете)
2. вы просто ссылаетесь на изображение, используя свойство sr c: src="assets/images/your_image_name.png"

Answer 2

Вместо этого используйте предоставленную папку ресурсов для изображений, на которую также ссылаются в angular. json:

assets /

Содержит изображения и другие файлы активов, которые будут скопированы как есть при создании приложения.

.
├── src
│   ├── app
│   ├── assets <- here
│   └── environments
...

Затем вы можете задать пути, например assets/image.png.