Question

我是移动应用程序开发的新手，这是我从在线教程中获得的代码here，我完全不知道该怎么做

这是home.ts中的代码

     recognizeImage() {
    Tesseract.recognize(this.selectedImage)
    .progress(message => {
      if (message.status === 'recognizing text')
      this.progress.set(message.progress);
    })
    .catch(err => console.error(err))
    .then(result => {
      this.imageText = result.text;
    })
    .finally(resultOrError => {
      this.progress.complete();
    });
  }

这是home.html中的代码

    <ion-content padding>
  <ng-progress [min]="0" [max]="1"></ng-progress>

  <button ion-button full (click)="selectSource()">Select Image</button>
  <button ion-button full (click)="recognizeImage()" [disabled]="!selectedImage">Recognize Image</button>

  <img [src]="selectedImage" *ngIf="selectedImage">

  <ion-card *ngIf="imageText">
    <ion-card-header>
      Image Text
    </ion-card-header>
    <ion-card-content>
      {{ imageText }}
    </ion-card-content>
  </ion-card>
</ion-content>

Answer 1

问题是您的Angular版本与ngx-progressbar的版本不兼容。您可以升级角度或降级的ngx-progressbar。

在我的项目中，我将ngx-progressbar降级为版本4。例如：npm install @ngx-progressbar/core@v4.3.0

您可以查看Git中的文档以获取更多信息。有2个文档1支持Angular> = 5，另一个支持Angular 2.x和4.x

属性“ set”在类型“ NgProgress”上不存在，并且属性“ complete”在类型“ NgProgress”上不存在

1 个答案: