Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – SafeValue必须使用[property] = binding,但它是大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
大家好,这让我疯了.我尝试了我能在网上找到的所有修复程序,似乎没有任何工作.

我从DB加载base64图像信息,返回base64编码的图像,如下所示:

/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...

然后在我的TS文件中,我有以下功能

photo_url(data:string){

     this.user_photo = this.domSanitizer.bypassSecurityTrustresourceUrl('data:image/jpeg;base64,' + data).toString();

}

我的HTML文件如下所示:

<img [src]="user_photo ? user_photo : 'assets/img/default.png'">

但是我收到以下错误,图像没有显示

WARNING: sanitizing unsafe URL value SafeValue must use [property]=binding: data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA...

错误说sanitizer应该使用属性绑定,它是,但它仍然显示错误和图像不显示.

在这里错过了什么吗?

谢谢!

解决方法

您使用.toString时,您根据需要将user_photo设置为字符串而不是SaferesourceUrl.

实际上只需删除.toString()就可以正常工作.否则你基本上只是撤消DomSanitizer的工作.

user_photo: SaferesourceUrl;
photo_url(data: String){
     this.user_photo = this.domSanitizer.bypassSecurityTrustresourceUrl(
       'data:image/jpeg;base64,' + data);
}

大佬总结

以上是大佬教程为你收集整理的angular – SafeValue必须使用[property] = binding,但它是全部内容,希望文章能够帮你解决angular – SafeValue必须使用[property] = binding,但它是所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。