title: Rendering images in angular server side rendereing
body: <p>Is it possible to dynamically render images from an API call with angular ssr?</p>
  
  <p>The base 64 image data pub.thumbnail is available:</p>
  
  <blockquote>
    <p>thumbnail data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB0IAAAPTCAYAAAAtvcoQAAAgAElEQVR4nOzde3xUB53//6FAr9qW3u+tllZbXatVV61f7Vp1dXWtWt1Vd1d33Z9u97vVr+tuV3cIgXAnKZQCQwgQoFDCpVAIFCgh3Mt1cuWeQCAhIQm
    ...</p>
  </blockquote>
  
  <p>But the following just renders "data thumbnail"</p>
  
  <pre><code>&lt;div fxFlex="45 " *ngIf="pub.thumbnail as value "&gt;
      &lt;mat-card style="margin: 1em "&gt;
          &lt;img mat-card-image src="{{value}} " alt="data thumbnail "&gt;
      &lt;/mat-card&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible or prohibited by SSR? The rest of the page renders fine which can be seen <a href="https://doi2.psi.ch/detail/10.16907%2Fe495cce8-59ab-4444-b12e-36b2160f6a98" rel="nofollow noreferrer">here</a></p>