私は、ユーザーがリストを撮ることができるプロジェクトを作成しています。そして、プログラムはcropperjを使って画像を切り抜くことができます。それが今、私はこの2エラーTypeError:未定義の 'forEach'プロパティを読み取ることができません
EXCEPTION: Cannot read property 'forEach' of undefined
TypeError: Cannot read property 'forEach' of undefined
とコンパイラによって与えられたヒントの一つに直面していますimage.However FRMテキストを抽出しますvisionAPIにトリミングされたimageeこの
at CameraPage.getText (main.js:82525)
Iであります何が間違っているかわからない
以下はコードです:
camera.ts
export class CameraPage {
public image:string;
width:number = 500;
height:number = 500;
quality:number = 90;
labels: Array<any> = [];
constructor(
public navCtrl: NavController,
public navParams: NavParams,
public testService: TestService,
public cameraService: CameraService,
public toastCtrl: ToastController
) {}
addPhoto(){
this.cameraService.getImage(this.width,this.height,this.quality)
.subscribe((data) => {
this.image = (data);
//console.log(btoa(this.image));
this.getVision(btoa(this.image));
//console.log(this.image);
},(error) => {
// Toast errot and return DEFAULT_PHOTO from Constants
this.toast(error);
}
);
}
toast(message: string) {
let toast = this.toastCtrl.create({
message: message,
duration: 2500,
showCloseButton: false
});
toast.present();
}
getVision(image64: string) {
this.testService.getVisionLabels(image64).subscribe((sub) => {
this.labels = sub.responses[0].textAnnotations;
this.getText();
});
}
getText() {
this.labels.forEach((label) => {
let translation = {search: label.description, result: ''};
console.log(label.description);
});
}
}
camera.html
<ion-header>
<ion-navbar>
<ion-title>
Camera
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<img src={{image}} *ngIf="image" />
<ion-card-content>
<button ion-button block outline (click)="addPhoto()">Take A Picture</button>
<div class="results">
<div *ngFor="let label of labels">
<h2>{{label.description}}</h2>
</div>
</div>
</ion-card-content>
</ion-content>
私は推測 'this.labels = sub.responses [0] .textAnnotations'は、私はここに – n00dl3