角度：设置HTML对象的属性数据

Question

我尝试在组件内部安装PDF查看器。

要在消毒剂中动态更改PDF文档，我需要设置为 具有[]的属性。

这对img很好。

 <img src="assets/pic.jpg"/>
 <img [src]="'assets/pic.jpg'"/>

但不包含对象。

<object data="assets/test.pdf" type="application/pdf" width="300" height="200"></object>
<object [data]="'assets/test.pdf'" type="application/pdf" width="300" height="200"></object>

那是为什么？

如何通过函数动态设置数据。

Answer 1

Working Demo Here

您将需要清理并指定一个SafeResource URL。参见here

import { DomSanitizer , SafeResourceUrl} from '@angular/platform-browser';

export class AppComponent  {
  name = 'Angular';
   constructor(protected _sanitizer: DomSanitizer) {}

    get resolveURL() : SafeResourceUrl {
    // some logic to reolve and return the URL
    return this._sanitizer.bypassSecurityTrustResourceUrl('https://www.orimi.com/pdf-test.pdf')
    }
}