angular - Angular中的对象属性值清理问题

Question

我有一个类 MemberInfo。有一个属性是照片。现在我想创建一个具有属性值的 memberinfo 对象。代码如下：

    let info = new MemberInfo();
    info.MemberId = "101";
    info.MemberName = "Mohammad Nasir Uddin";
    info.Type = "General";
    info.Category = "A";
    info.BloodGroup = "B+";
    info.MobileNo = "012589652357";
    info.Photo = this.sanitizer.bypassSecurityTrustUrl("'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50'");  
    info.ShopNo = "101";
    info.ShopName = "Yellow Computers";
    info.Floor = "First Floor";

this.selectedMember = info;

为了制作安全的图片网址，我已经对其进行了消毒。但它显示了编译时错误：

类型“SafeUrl”不可分配给类型“字符串”。info.Photo = this.sanitizer.bypassSecurityTrustUrl("'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50'")

将照片绑定到 html 我使用了以下代码：

<img [src]="selectedMember.Photo" class="mr-2">

我该如何解决这个问题？

标签： angularsanitization

Answer 1

DomSanitizer bypassSecurityTrustUrl 方法从@angular/platform-b ​​rowser命名空间返回一个SafeUrl对象。

现在将MemberInfo类中的Photo属性修改为SafeUrl类型或any类型。

谢谢。