Question

我有以下用于在AngularJS应用程序中显示PDF文件的html代码：

<div id="pdf">
  <object width="100%" height="500px" type="application/pdf" data="./test.pdf?#zoom=45&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content">                
  </object>
</div>

如何指定一些可能动态变化并从控制器获取的链接？

Answer 1

您是否尝试过像这样在控制器中添加指向范围的链接？

$scope: {
        pdflink: 'https://link/to/pdf/',
    },

然后像下面一样添加pdflink：

<div id="pdf">
  <object width="100%" height="500px" type="application/pdf" data="{{data.pdflink}}" id="pdf_content">  
  </object>
</div>

Answer 2

如果没有您的控制器代码或任何上下文，很难提供详细的答案，但假设您的pdf文件名在控制器属性中，如下所示：

<div id="pdf" ng-controller="pdfController as pdf">
  <object width="100%" height="500px" type="application/pdf" data="{{pdf.fileName}}?#zoom=45&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content">                
  </object>
</div>

会做到这一点。

Answer 3

实际上，您可能应该使用Angular specific syntax，否则如果文件动态更改，您可能会在控制台中收到一些恼人的错误消息。

<object ng-attr-data="{{controller.pdf}}"></object>

使用AngularJS指定PDF的链接

3 个答案: