Question

问题：

我创建了一个有角度的应用程序。我正在使用ng2-pdf-viewer。我是通过这样的HTML文件访问它的。

<pdf-viewer
      [src]="https://myback.mydomain.lk/{{gov?.source_pdf_ref}}"
      [render-text]="true"
      style="display: block;"
    ></pdf-viewer>

我面临的问题是我正在动态呈现pdf文件的路径。我所做的事情导致了此错误。

未捕获的错误：不支持使用引号进行评估！声明：//myback.mydomain.lk.lk/{{gov?.source_pdf_ref}}位于ng：///UserLayoutModule/GovenmentTabComponent.html@110：6 在_AstToIrVisitor.push ../ node_modules/@angular/compiler/fesm5/compiler.js._AstToIrVisitor.visitQuote（compiler.js：7380）在Quote.push ../ node_modules/@angular/compiler/fesm5/compiler.js.Quote.visit（compiler.js：6206）在convertPropertyBinding（compiler.js：7084）在compile.js：22230 在Array.map（）在createUpdateStatements（compiler.js：22226）在compile.js：22211 在Array.map（）在ViewBuilder.push ../ node_modules/@angular/compiler/fesm5/compiler.js.ViewBuilder._createNodeExpressions（compiler.js：22205）在ViewBuilder.push ../ node_modules/@angular/compiler/fesm5/compiler.js.ViewBuilder.build（compiler.js：21677）

我花了很多时间在互联网上找到解决此问题的方法，但我做不到。有人可以帮助我解决此问题或提出解决此问题的好方法吗？谢谢。

Answer 1

您不应混合使用属性绑定和插值：

尝试这个：

[src]="'https://myback.mydomain.lk/' + gov?.source_pdf_ref"

Answer 2

您可以尝试以下方法：

<pdf-viewer
  src="https://myback.mydomain.lk/{{gov?.source_pdf_ref}}"
  [render-text]="true"
  style="display: block;"
></pdf-viewer>

如何正确为ng2-pdf-viewer提供路径

2 个答案: