javascript - 我的 Angular 应用程序的 Pdf 查看器

Question

是否有任何 pdf 查看器组件可以在我的 Angular 应用程序中查看 pdf。我尝试了 angular-pdfjs-viewer，但效果不佳。我只有一个指向服务器中 pdf 文件的链接。

提前致谢

Answer 1

您可以在应用程序中使用 iframe 显示 pdf，将 url 放在 $scope变量中，如下所示

$scope.yourURL = "pdfUrl";

然后

<iframe src="{{yourURL | trustAsResourceUrl}}"></iframe>

您还需要使用上述过滤器。

.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}])