如何在angular项目中导入PDFjs-dist，以便了解查看pdf文件的端口

Question

我想在angular项目中使用pdfjs-dist包。如何导入它的角度项目

我用安装了它

npm install --save pdfjs-dist

但不知道如何导入特定组件并使用

Answer 1

安装后，在package.json中，类似于的东西

"dependencies": {
...
"pdfjs-dist": "^2.2.228",
...
}

1( 现在在组件中，您可以像一样导入它

import * as pdfjsLib from 'pdfjs-dist';

2( 现在你可以像下面的例子一样使用它

yourMethodName() {
pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
const loadingTask = pdfjsLib.getDocument('https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf');
loadingTask.promise.then(function(pdf) {
console.log(pdf);
});
}