angular - 加载的图像没有在 Angular 中设置

Question

我有以下应用程序（下图） 在这个应用程序中，我从一个 rest api 加载 base64 字符串来显示图像。前两个设置正确，但最后一个不起作用。就在它们设置之前，我也记录了 src 控制台，当我将鼠标悬停在它上面时，它会向我显示预览（下图）。

角码（适用于前 2 个文件）如下：

 getSessions() {
    this.sessionService.getSessions().subscribe(
      data => {
        this.sessions = data
        console.log(data),
        this.sessions.forEach(session => {
          session.sessionImgUrl = 'data:image/png;base64,' + session.sessionPhoto?.image.data;
          if(session.sessionPhoto.title == 'test') {
            console.log(session.sessionImgUrl)
          }
        })

HTML：

      <img mat-card-image height="150px" [src]="session.sessionImgUrl" alt="Photo of a Shiba Inu">

标签： angulartypescriptbase64