在Angular 6+中,使用ngx-extended-pdf-viewer插件来显示PDF文件,并且可以通过绑定[src]属性来指定PDF文件的URL。以下是一个包含代码示例的解决方法:
npm install ngx-extended-pdf-viewer
import { Component } from '@angular/core';
import { ExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
@Component({
selector: 'app-pdf-viewer',
template: `
`,
styles: []
})
export class PdfViewerComponent {
pdfUrl = 'https://example.com/path/to/your/pdf/file.pdf';
}
pdfUrl变量设置为你的PDF文件的URL。注意:确保将你的PDF文件的URL替换为正确的URL。
这样,当你的组件被渲染时,ngx-extended-pdf-viewer将加载并显示指定URL的PDF文件。