angular iframe 显示pdf 文件流

在Angular中显示PDF文件流可以使用ng2-pdfjs-viewer组件。你可以在HTML模板中使用该组件，并通过绑定pdfSrc属性来指定PDF文件的URL或文件流。下面是一个示例：

<ng2-pdfjs-viewer [pdfSrc]="pdfData"></ng2-pdfjs-viewer>

在组件的代码中，你需要定义一个变量来存储PDF文件的URL或文件流。你可以通过HTTP请求获取文件流，并将其赋值给pdfData变量。以下是一个示例：

import { Component } from '@angular/core';import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-pdf-viewer',
  templateUrl: './pdf-viewer.component.html',
  styleUrls: ['./pdf-viewer.component.css']
})
export class PdfViewerComponent {
  pdfData: any;

  constructor(private http: HttpClient) {
    this.loadPdfData();
  }

  loadPdfData() {
    this.http.get('http://example.com/path/to/pdf/file.pdf', { responseType: 'blob' })
      .subscribe((data: Blob) => {
        const reader = new FileReader();
        reader.onloadend = () => {
          this.pdfData = reader.result;
        };
        reader.readAsArrayBuffer(data);
      });
  }
}

在上面的示例中，我们使用HttpClient来发送HTTP请求获取PDF文件的文件流。然后，我们使用FileReader将文件流转换为ArrayBuffer，并将其赋值给pdfData变量。

请注意，你需要在Angular应用中引入HttpClient模块，并在组件的构造函数中注入HttpClient。