title: Caching Images in Angular
body: <p>I am having around 300 designs and I am loading all at a time. I would like to cache those images instead of calling server everytime. (My desings won't change most of the time). Below is the code, of how I am loading them. What would be the best approach to cache them.</p>
  
  <p>app-thumbnail is a different component where I am only loading image.</p>
  
  <pre><code> &lt;div *ngFor="let design of designs"&gt;
        &lt;div (click)="showDesignDetails(design.designId)"&gt;
            &lt;app-thumbnail [designId]="design.designId"&gt;&lt;/app-thumbnail&gt;          
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>