title: Angular 4 img src is not found
body: <p>I'm having a problem with sourcing an image with angular 4. It keeps telling me that the image is not found.</p>
  
  <p>Folder structure:</p>
  
  <pre><code>app_folder/
  app_component/
    - my_componenet
    - image_folder/
        - myimage
  </code></pre>
  
  <p>I am using the image in <code>mycomponent</code>. If in <code>mycomponent</code>, I insert it directly with: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;img src="img/myimage.png"
  </code></pre>
  
  <p>
  This works fine, but I checked the html and it creates a hash. But my images have to be dynamically added to the html because they are part of a list. So, if I use:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;img src="{{imagePath}}"&gt;
  </code></pre>
  
  <p>
  which is basically <code>img/myimage.png</code>, it doesn't work. If I use:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;img [src]="imagePath"&gt;
  </code></pre>
  
  <p>
  It says <code>NOT FOUND (htttps://localhost/img/myimage.png)</code>. Can you help me?</p>