title: Angular Image Path
body: <p>This question is from the open source project. </p>
  
  <p>All images are stored in assets folder and the file is located in app/customer folder from where the code to load images is specified. The code is -</p>
  
  <pre><code>&lt;img src="assets//images/{{customer.gender | lowercase}}.png" class="details-image" alt=""&gt;
  </code></pre>
  
  <p>The folder structure is -</p>
  
  <pre><code>-app
   -customer
    -fileLocation
  -assets
   -images
    -image1.png
  </code></pre>
  
  <p>The images load properly. My question is - 'How the images are loading even the files are located at different levels? I cannot see the settings anywhere.</p>