title: How to load image (and other assets) in Angular an project?
body: <p>I'm pretty new to Angular so I'm not sure the best practice to do this. </p>
  
  <p>I used angular-cli and <code>ng new some-project</code> to generate a new app. </p>
  
  <p>In it created an "images" folder in the "assets" folder, so now my images folder is <code>src/assets/images</code></p>
  
  <p>In <code>app.component.html</code> (which is the root of my application), I put </p>
  
  <pre><code>&lt;img class="img-responsive" src="assets/images/myimage.png"&gt;
  </code></pre>
  
  <p>When I do <code>ng serve</code> to view my web application, the image does not display. </p>
  
  <p>What is the best practice to load up images in an Angular application? </p>
  
  <p>EDIT: See answer below. My actual image name was using spaces, which Angular did not like. When I removed the spaces in the file name, the image displayed correctly.</p>