Как указать путь от root к ресурсам Angular?

Question

В корне проекта src есть каталог assets, в который помещаются изображения.

В сервисе пользователя я читаю эти изображения как:

return (data.photo == undefined || data.photo == null) ? '../../../assets/img/blank-person.jpg' :

Вы можете увидеть связанный путьЭто плохой подход.Как указать абсолютный путь к активам?

Answer 1

@ OPV вам не нужно указывать полный путь, так как мы знаем, что Angular в конечном итоге создаст проект, даже если мы выполняем его.Итак, структура папок выглядит следующим образом:

здесь вы можете видеть, что папка ресурсов параллельна файлу index.html, который в конечном итоге использует ваше изображение.Следовательно, вам необходимо указать путь с учетом приведенной выше структуры.

для моего файла test.jpg

путь будет: './assets/img/test.jpg'

Дляпример: <div style="background-image: url('./assets/img/test.jpg')" ></div>

Здесь ./ указывает текущую папку, так как приведенная выше структура показывает, что индексный файл находится в текущей папке папки ресурсов, мы должны начать путь из текущей папки.

Надеюсь, что эторазрешит ваш вопрос, если вы обнаружите какие-либо проблемы, пожалуйста, дайте мне знать, я буду рад помочь.

Answer 2

Чтобы получить папку активов из любых компонентов внутри папки src,

Вы должны изменить свой код, например:

return (data.photo == undefined || data.photo == null) ? './assets/img/blank-person.jpg' :