在angularjs中显示pdf对象/嵌入

Question

我想在我的angularjs应用中显示pdf。

我有以下代码=>

    self.getTrustedUrl = (url) => {
        return $sce.trustAsResourceUrl(url)
    }

    self.getBlobData = (file, type) => {
        console.log(file)
        attachmentService.downloadFileObject({ id: file.file_id }).subscribe((data) => {
            let rdata = data.body;
            let headers = data.headers;
            let img = new Blob([rdata], {
                type
            });
            file.fileURL = window.URL.createObjectURL(img);
        })
    };

我尝试了以下

<embed class="pdf-preview clickable-elem" ng-src="{{$ctrl.getTrustedUrl(file.fileURL)}}" ng-click="$ctrl.downloadFile(file)"/>

和

<object class="pdf-preview clickable-elem" ng-data="{{$ctrl.getTrustedUrl(file.fileURL)}}" ng-click="$ctrl.downloadFile(file)">

嵌入版本显示PDF，但是有一个丑陋的黑色标头，带有文件地址，并且ng-click也无法使用。我单击并没有任何反应。

对象版本，屏幕上什么都没有出现，我尝试了ng-data，data和ng-src，但是都失败了，什么也没显示

我想要的是一个简单的pdf查看器，如果我单击该文件，则会下载该文件。

编辑：我发现了angularjs expression in html <object> tag，我尝试过，现在展位上显示的是相同的，但展位上有黑色标题，由于焦点位于pdf内容上，所以我无法单击它。

标题是，它不是我的代码的一部分。