title: Angular 2+ store and access dynamic image library
body: <p>I am using Angular-cli for this build and it compiles all folders under the src folder into the build.
  I was storing images in the assets folder under src:</p>
  
  <p><code>src
  |-app
  |-assets
     |-img_library
  </code></p>
  
  <p>I access them dynamically like this:
   <code>&lt;img src="assets/img_library/{{imgId}}"</code></p>
  
  <p>Unfortunately this folder gets compiled into the build by angular-cli, so I would have to rebuild the app every time an image is added for the client to be able to access it. </p>
  
  <p>I built the server as well so I can store the images anywhere I want but I don't know how to access folders above the <code>src</code> via a <code>img</code> tag.</p>
  
  <p>Is there a way to access a public/assets folder above the <code>src</code> folder with an image tag in Angular?</p>