我是移动应用程序开发的新手,这是我从这里的在线教程中获得的代码,我完全不知道该怎么做
这是来自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();
});
}
这是家里的代码.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>
问题是你的Angular版本与ngx-progressbar的版本不兼容。您可以升级角度或降级ngx进度条。
在我的项目中,我将ngx进度条降级到版本4。例如:npm install @ngx-progressbar/core@v4.3.0
您可以查看 Git 中的文档以获取更多信息。有 2 个文档 1 支持 Angular>= 5,另一个支持 Angular 2.x 和 4.x