Angular изображения не отображаются после привязки

Question

У меня есть проект, в котором изображения должны быть загружены на сервер, а затем сразу же показаны. Мне удается правильно загрузить изображения в папку assets / images. Но затем, когда я связываю атрибут sr c изображения, это не показывается. Чтобы показать изображение, я должен перезапустить приложение.

Вот это html:

<img *ngIf="product.imgPath!=''" src="{{product.imgPath}}" style="max-width:300px" />

Когда я проверяю адрес изображения, это правильно, но изображение не показано на рисунке.

Answer 1

Папка assets обычно предназначена для активов c. Когда вы находитесь в режиме разработки, вам нужно перезапустить ng serve после изменения содержимого папки assets.

Я бы посоветовал вам загрузить свои ресурсы куда-то еще и использовать их с веб-сервером (nginx или другие)

Answer 2

Вы должны связать sr c, как показано ниже

<img *ngIf="product.imgPath!=''" [src]="product.imgPath" style="max-width:300px" />