Я создаю приложение nodejs + angular. На стороне сервера у меня есть функция, которая загружает новое изображение в мою папку angular в разделе assets / images / uploads, а также сохраняет путь, по которому я загрузил его в базу данных.
В моем angular я хочу иметь возможность показывать это изображение сразу после того, как я его загрузил. Я пытаюсь сделать это, говоря:
<img mat-card-image src = "../../{{users.profilePicture}}" alt = "Test">
my users.profilePicture содержит правильный путь к месту хранения моего изображения. Это не работает, потому что путь не найден. Однако, если я перезапущу свое приложение angular с помощью «ng serve», изображение будет найдено и отображено по желанию.
Я пришел к выводу, что это должно быть связано с тем, что активы моего приложения загружаются после запуска приложения и не могут обнаружить, что новые были добавлены, пока сервер уже запущен. Есть ли способ обойти это, чтобы я мог заставить свой angular перезагрузить папку с ресурсами и обнаружить, что в папку было добавлено новое изображение, в то время как приложение уже запущено?
я заглянул в ветку. Вместо этого я попробовал [src] = "users.profilePicture" и получил тот же результат ([src] - это angular 2+ способ ng-src)





Ng serve загружает ваше приложение в память, поэтому вновь добавленные элементы не будут включены в ваше скомпилированное приложение. Вы можете найти некоторые решения в этом сообщении SO: Обслуживайте ресурсы по мере их динамического добавления
Обратитесь к этому вопросу SO: stackoverflow.com/questions/27554765/use-of-ng-src-vs-src