在新的Chrome选项卡中打开PDF Blob (Angular 2)

在Angular 2中，要在新的Chrome选项卡中打开PDF Blob，可以按照以下步骤进行操作：

首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。
在组件的HTML模板中，添加一个按钮或链接，用于触发打开PDF Blob的操作。

<button (click)="openPDF()">打开PDF</button>

在组件的Typescript文件中，导入相关的依赖项。

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

在组件的构造函数中注入DomSanitizer。

constructor(private sanitizer: DomSanitizer) { }

创建一个方法来打开PDF Blob。

openPDF() {
  // 生成一个示例的PDF Blob
  const pdfData = '这里是PDF的二进制数据';
  const blob = new Blob([pdfData], { type: 'application/pdf' });

  // 创建一个URL对象，用于在新的选项卡中打开PDF Blob
  const url = URL.createObjectURL(blob);

  // 使用DomSanitizer将URL转换为安全的URL
  const safeUrl: SafeUrl = this.sanitizer.bypassSecurityTrustUrl(url);

  // 在新的选项卡中打开PDF Blob
  window.open(safeUrl.changingThisBreaksApplicationSecurity);
}

在上述代码中，我们首先创建了一个示例的PDF Blob，然后使用URL.createObjectURL()方法创建了一个URL对象。接下来，使用DomSanitizer将URL转换为安全的URL，以避免安全性问题。最后，使用window.open()方法在新的选项卡中打开PDF Blob。

请注意，这只是一个示例代码，你需要根据实际情况来生成PDF Blob的二进制数据。

推荐的腾讯云相关产品和产品介绍链接地址：