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

Question

我有一个 class 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;

为了制作安全图像url我已经对它进行了清理。但它显示编译时错误：

Type 'SafeUrl' is not assignable to type 'string'. info.Photo = this.sanitizer.bypassSecurityTrustUrl("'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50'")

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

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

我该如何解决这个问题？

Answer 1

DomSanitizer绕过SecurityTrustUrl方法returns一个SafeUrl对象来自@angular/platform-browser命名空间。

现在要么将 MemberInfo class 中的 Photo 属性 修改为 SafeUrl 类型或类型 any.

谢谢。