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

Question

问题：

我创建了一个 angular 应用程序。我正在使用 ng2-pdf-viewer。我在这样的 HTML 文件上访问了它。

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

我遇到的问题是我正在动态渲染 pdf 文件的路径。我所做的事情导致了这个错误。

Uncaught Error: Quotes are not supported for evaluation! Statement: //myback.mydomain.lk.lk/{{gov?.source_pdf_ref}} located at ng:///UserLayoutModule/GovenmentTabComponent.html@110:6 at _AstToIrVisitor.push../node_modules/@angular/compiler/fesm5/compiler.js._AstToIrVisitor.visitQuote (compiler.js:7380) at Quote.push../node_modules/@angular/compiler/fesm5/compiler.js.Quote.visit (compiler.js:6206) at convertPropertyBinding (compiler.js:7084) at compiler.js:22230 at Array.map () at createUpdateStatements (compiler.js:22226) at compiler.js:22211 at Array.map () at ViewBuilder.push../node_modules/@angular/compiler/fesm5/compiler.js.ViewBuilder._createNodeExpressions (compiler.js:22205) at 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 提供路径

How to give path correctly to ng2-pdf-viewer

angular

ng2-pdfjs-viewer