Problem where image re-downloads instead of loading cache / already loaded in DOM

The problem I am facing is specifically with an ionic/angular project.

I am using a HTML image tag like so:

<img [src]="firebaseStorageUrL">

When I click the image I make a popup and pass the same URL to it:

<div id="popup">
  <img [src]="firebaseStorageUrL">

The problem is it re-downloads the image instead of loading it in from cache or source that is already loaded in the DOM. I thought this would happen automatically. Is the problem that I am using a firebase base URL and I need to set the Metadata on it for cache control? Any help would be appreciated.