Load pdf from base 64 data using iframe in angular6

I am working on loading a pdf on my angular view using iframe, this pdf data that is generated from the api call i make and the response is the form of base 64 string, i am able to load data via passing this response as static data, but unable to load it via dynamic call
This is how i am doing it and doesnt load the pdf

<div class="pdf-container">
  <iframe [src]="'data:application/pdf;base64,' +source"
              
  ></iframe>
  {{source}}
</div>

What could be the possible issue here

How about this?

//component.ts
pdf: string = 'data:application/pdf;base64,' +source
<iframe [src]="'pdf"></iframe>

The issue was with the usage of the dom sanitiser, wasn’t using it the right way, thanks for your assistance