使用api中的文件路径显示角度7图像

Question

我需要通过API在Angular 7中显示图像。 我可以将图像检索为表单数据或图像路径。 那么如何在Angular中显示呢？

我已经尝试使用其文件路径显示图像，但是没有成功。我尝试过的代码如下。

TS文件

this.httpClient.get(`${this.url}`,this.httpOptions)
  .subscribe(data => {
    this.image=data['filePath'];
    this.finalImage = this.sanitizer.bypassSecurityTrustUrl(this.image);
  },
  error => {
    console.log(error);
  }
);

HTML

<div> <img src="{{finalImage}}"> </div>
<div> <img [src]="finalImage"> </div>
<div> <img bind-src="finalImage"> </div>