用DomSanitizer清理Angular 4中的Blob Url

在Angular 4中，使用DomSanitizer可以清理Blob URL。Blob URL是一种特殊的URL，用于表示二进制数据（如图像、音频或视频）。DomSanitizer是Angular中的一个安全服务，用于处理HTML和CSS中的安全问题。

要清理Blob URL，可以使用DomSanitizer的bypassSecurityTrustUrl方法。该方法将Blob URL标记为安全，以便在Angular应用中使用。

以下是一个示例代码：

import { Component } from '@angular/core';
import { DomSanitizer, SafeUrl } from '@angular/platform-browser';

@Component({
  selector: 'app-example',
  template: `
    <a [href]="cleanedUrl" download="file.txt">Download File</a>
  `
})
export class ExampleComponent {
  blobUrl: string = 'blob:http://example.com/12345';
  cleanedUrl: SafeUrl;

  constructor(private sanitizer: DomSanitizer) {
    this.cleanedUrl = this.sanitizer.bypassSecurityTrustUrl(this.blobUrl);
  }
}

在上面的示例中，我们使用DomSanitizer的bypassSecurityTrustUrl方法将blobUrl标记为安全的cleanedUrl。然后，我们可以在模板中使用cleanedUrl来下载文件。

需要注意的是，使用DomSanitizer时要确保Blob URL是可信的，以防止潜在的安全风险。