title: Angular - Images won't display with relative path
body: <p>I am using relative path to display images in my application. It was working perfectly until I update my application to the latest version of Angular (4.1.3).
  I don't have any errors and my images don't display anymore.</p>
  
  <p>I have in <code>app.component.html</code> :</p>
  
  <pre><code>&lt;img src="/src/images/settings.png" /&gt;
  </code></pre>
  
  <p>My app structure : </p>
  
  <pre><code>► e2e
  ► node_modules
  ► obj
  ▼ src
      ▼ app
          app.component.html
          app.component.ts
          app.module.ts
      ► assets
      ► environments
      ▼ images
          settings.png
      index.html
      main.ts
      polyfills.ts
      styles.css
      tsconfig.app.json
      tsconfig.spec.json
      typing.d.ts
  .angular-cli.json
  .editorconfig
  .gitignore
  karma.conf.js
  package.json
  protactor.conf.js
  tsconfig.json
  tslint.json
  </code></pre>
  
  <p>I tried many paths as suggested in <a href="https://stackoverflow.com/questions/44472332/display-image-using-angular-2">this question</a> but none is working. And the difference with this question is that I do not have any error, my application is working, the images are just not displaying. 
  And the weird thing is that it was working perfectly before I update my application. </p>
  
  <p>Any ideas where this might come from ?</p>