2

我目前正在使用带有 Angular8+的 ngx-extended-pdf-viewer来呈现 PDF，但它不起作用。而且我不断收到运行时错误“无法绑定到'src'，因为它不是'pdf-viewer'的已知属性”。

有人知道为什么吗？

这是我的 HTML：

            <div class="row">
                <div class="col-md-12">
                    <div class="card-body">
                        <ngx-extended-pdf-viewer 
                            [src]="pdfSrc" 
                            [useBrowserLocale]="true" 
                            [textLayer]="true"
                            [showHandToolButton]="true"
                            [height]="'100vh'">
                        </ngx-extended-pdf-viewer>

                    </div>
                </div>
            </div>

我的 app.module.ts

...
import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';

@NgModule({
  imports: [
    NgxExtendedPdfViewerModule,
    ....

  ],
  declarations: [
    AppComponent,
    ...


  ],
  providers: [
   ...
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是我的 .ts

import { Component, OnInit } from '@angular/core';
import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';


    @Component({
      selector: 'app-video-reader',
      templateUrl: './video-reader.component.html',
      styleUrls: ['./video-reader.component.css'],
      providers: [NgxExtendedPdfViewerModule]

    })
    export class VideoReaderComponent implements OnInit {

      pdfSrc = "assets/example.pdf";  /* PDF*/


      constructor() { }

      ...

      ngOnInit(): void {
        this.video = 'jYvkMv7LzCw';
        this.init();
      }

     ...

    }

我的 app.component.ts

import { Component} from '@angular/core';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

}
4

2 回答 2

1

我通过以下方式解决了我的问题：

> npm update 
> npm install
> npm audit fix --force
于 2020-04-18T02:01:08.820 回答
0

试试[(src)]="pdfSrc"

它是双向绑定属性。

于 2020-04-15T18:56:24.350 回答