title: Can't bind to 'src' since it isn't a known property of 'ngx-extended-pdf-viewer' Angular8+
body: <p>I am currently working with <strong>ngx-extended-pdf-viewer</strong> with Angular8+ to render a PDF, it doesn't work. And I keep getting the runtime error "Can't bind to 'src' since it isn't a known property of 'pdf-viewer'".</p>
  
  <p>Does anyone know why this is?</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>            &lt;div class="row"&gt;
                  &lt;div class="col-md-12"&gt;
                      &lt;div class="card-body"&gt;
                          &lt;ngx-extended-pdf-viewer 
                              [src]="pdfSrc" 
                              [useBrowserLocale]="true" 
                              [textLayer]="true"
                              [showHandToolButton]="true"
                              [height]="'100vh'"&gt;
                          &lt;/ngx-extended-pdf-viewer&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>my app.module.ts</p>
  
  <pre><code>...
  import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
  
  @NgModule({
    imports: [
      NgxExtendedPdfViewerModule,
      ....
  
    ],
    declarations: [
      AppComponent,
      ...
  
  
    ],
    providers: [
     ...
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Here is my .ts</p>
  
  <pre><code>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();
        }
  
       ...
  
      }
  </code></pre>
  
  <p>my app.component.ts</p>
  
  <pre><code>import { Component} from '@angular/core';
  
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
  
  }
  </code></pre>