Javascript 使用AngularJS指定指向PDF的链接

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

<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>

---

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

如果没有控制器代码或任何上下文，很难提供详细答案，但假设您的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>

---

就可以了。

如果没有控制器代码或任何上下文，很难提供详细答案，但假设您的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>

---

您是否尝试过像这样将链接添加到控制器中的作用域

$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>

---

您是否尝试过像这样将链接添加到控制器中的作用域

$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>

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

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

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

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

oh thanx，我想我必须对“data”的值使用角度特定的语法。它起作用了！哦，thanx，我想我必须对“data”的值使用特定于角度的语法。它起作用了！