无法绑定到"src"，因为它不是'ngx-extended-pdf-viewer' Angular8+ 的已知属性

Question

我目前正在使用Angular8+的ngx扩展pdf查看器来渲染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>

我的应用程序模块.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();
}
...
}

我的应用程序组件.ts

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

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

Answer 1

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

> npm update 
> npm install
> npm audit fix --force

Answer 2

尝试[(src)]="pdfSrc"

它是一个双向绑定属性。

Answer 3

使用src="pdfSrc"；

它的工作