Неожиданная директива |Пожалуйста, добавьте аннотацию @NgModule - PullRequest
Новая
       27

Неожиданная директива |Пожалуйста, добавьте аннотацию @NgModule

0 голосов
/ 29 ноября 2018

Я не могу понять, почему он думает, что нет аннотации ... что мне не хватает ??Пожалуйста помоги.Моя цель - рендерить документы в формате PDF из хранилища Fire Fire Base.Я нахожусь под давлением, чтобы сделать это и нуждаюсь в некотором руководстве.

Я добавил соответствующий код для вашего обзора и понимания, я надеюсь, что кто-то может мне помочь.

модуль 

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { PdfViewerComponent } from 'ng2-pdf-viewer';
import { PdfService } from '../core/pdf.service';

@NgModule({
    imports: [
      CommonModule,
      PdfViewerComponent
    ],
    declarations: [ PdfViewerComponent],
    exports: [PdfViewerComponent],
    providers: [PdfService],
    schemas: [CUSTOM_ELEMENTS_SCHEMA],

  })
  export class PdfModule { }

HTML 

<div class="pdf"> Hello PdfComponent! 
<div>
    <label>PDF src</label>
    <input (change)="OnFileSelected($event)" type="file" id="file" >
    <input [(ngModel)]="page" type="text" id="page" >{{ uploadProgress | async }}</div>
    <br>
  <div class="progress">
    <div class="progress-bar progress-bar-striped bg-success" role="progressbar" [style.width]="(uploadProgress | async) + '%'"[attr.aria-valuenow]="(uploadProgress | async)" aria-valuemin="0" aria-valumax="100">
    </div>
    <div *ngIf="downloadURL | async; let downloadSrc " class="alert alert-info" role="alert">
      File Uploaded: <a [href]="downloadURL | async">{{ downloadSrc | async }}</a>
    </div>
      <br>
  <pdf-viewer [src]="pdfSrc"
            [render-text]="true"
            [page]="page"
            [show-all]="true"
            style="display: block;"
  ></pdf-viewer></div>

компонент 

    constructor(private _service: PdfService, private db: AngularFireDatabase,
      private storage: AngularFireStorage, public pdfViewerComponent: PdfViewerComponent) {

      }

    ngOnInit() {
    }

    OnFileSelected(event) {
      const img: any = document.querySelector('#file');
      this.pdfSrc = this.pdfViewerComponent.pdfViewer(this.ref = this.afStorage.ref(img));

      if (typeof (FileReader) !== 'undefined') {
        const reader = new FileReader();

        reader.onload = (e: any) => {
          this.pdfSrc = e.target.result;
          this.task = this.afStorage.upload(img, event.target.dispatchEvent[0]);
              const downloadUrl = this.ref.getDownloadURL().toPromise();
              this.db.list('images').push({downloadUrl});
              console.log(downloadUrl, 'url');
            };

        reader.readAsArrayBuffer(img.files[0]);
        console.log(this.downloadUrL, 'url');
    }
  }
...