title: SafeValue must use [property]=binding, but IT IS
body: <p>
  Hello all, this is driving me nuts. I tried all the fixes I was able to find online and nothing seems to work.</p>
  
  <p>I am loading the base64 image info from a DB, which returns the base64 encoded image, like this: </p>
  
  <pre><code>/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...
  </code></pre>
  
  <p>Then in my TS file I have the following function:</p>
  
  <pre><code>photo_url(data:string){
  
       this.user_photo = this.domSanitizer.bypassSecurityTrustResourceUrl('data:image/jpeg;base64,' + data).toString();
  
  }
  </code></pre>
  
  <p>My HTML file looks as follows:</p>
  
  <pre><code>&lt;img [src]="user_photo ? user_photo : 'assets/img/default.png'"&gt;
  </code></pre>
  
  <p>However I am getting the following error and the image is not displaying:</p>
  
  <pre><code>WARNING: sanitizing unsafe URL value SafeValue must use [property]=binding: data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...
  </code></pre>
  
  <p>Error says sanitizer should uses property binding, and it is, but it is still showing that error and the image does not display.</p>
  
  <p>Am I missing something here?</p>
  
  <p>Thanks!</p>