Search code examples
angularangular9angular11angular12

How to load images in angular other than default assets folder

I have a folder directory structure here: enter image description here

I have provided the image path in html.

<img class="img-fluid" src="../../ecommerce/assets/images/bannerimg.png" alt=" ">

configured in angular json enter image description here

But is not loaded enter image description here

Its working well in default assets/images directory

Solution

  • Try your path for the src property of your image tag as: app/ecommerce/assets/images/bannerimg.png