title: Load custom GIFs in Angular 2
body: <p>I am not able to load my custom GIFs in <strong>Angular 2</strong>. I have tried:</p>
  
  <pre><code>&lt;img src="./images/mygif.gif" /&gt;
  &lt;img [src]="images/mygif.gif" /&gt;
  </code></pre>
  
  <p>If it's an image such as PNG and JPG, it shows fine</p>
  
  <p>I also tried loading from css like this:</p>
  
  <pre><code>background: url("images/mygif.gif");
  </code></pre>
  
  <p>Any ideas? </p>