通过 DomSanitizer 在 Angular 4 中清理 Blob Url

Question

这个想法是在有角度的一侧嵌入一个 pdf 文件，该文件由 Node Express 服务器以 blob 形式返回。

之后我获取图像并创建了一个 URL

const file = new Blob([this.data], { type: 'application/pdf' });
this.fileUrl = URL.createObjectURL(file);
this.protectedUrl = this.sanitizer.bypassSecurityTrustUrl(this.fileUrl);

然后我在 html 中使用它之后

<object ng-show="content" data="{{protectedUrl}}" type="application/pdf" style="width: 100%; height: 400px;"></object>

Answer 1

现在可以通过将数据更改为 attr.data 来工作

<object  [attr.data]="protectedUrl" type="application/pdf" style="width: 100%; height: 400px;"></object>