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

标签 javascript angularjs pdfviewer

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

提前致谢

最佳答案

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

$scope.yourURL = "pdfUrl";

然后

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

你还需要使用上面的过滤器。

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

关于javascript - 我的 Angular 应用程序的 Pdf 查看器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45646433/

相关文章:

javascript - 如何在 ember 中创建枚举服务

javascript - Protractor : mocking EventSource

android - IOS : Cordova App Crash on Google Map api zoom in ios 11. 3 iphone x

css - GH 页面看不到我的图像的路径

java - 图像未在 android 的 pdf 查看器中加载

Android-Pdf 查看库

javascript - CSS Toggle Switch(Checkbox) 值始终打开/选中

javascript - AngularJS $范围

javascript - 为什么我的网页转换不起作用? (HTML、CSS、JavaScript)

Android Pdf 查看器 FileNotFoundException