Behandlung Rückruf in Winkel 2

Question

Ich habe eine Methode zum Lesen von Daten von Link. Ich versuche auf Bilder mit einer Breite von mehr als 600 zuzugreifen, aber alert (this.images.length); dies immer Null geben und diese ausgeführt wurde vor meinem Anruf Anruf

readLink(url: string) { 
this.isBusy = true; 
this._http.get(`${this._helper.baseURL}/api/post/readlink?url=${encodeURIComponent(url)}`) 
    .subscribe(
    data => { 
    this.processResponse(data, url); 
    }, 
    (err: HttpErrorResponse) => { 
    } 
); 
} 

Verfahren die Anforderungsdaten zu verarbeiten

processResponse(result, url) { 
if (result.images != null && result.images.length > 0) { 
    result.images.forEach(el => { 
    this.getMeta(el, function (res) { 
     this.images.push(res); 
     this.currentImage = this.images[0]; 
    }); 
    }); 
} 
alert(this.images.length); // this always give zero and this was executed before my call bakc 
} 

diese Funktion zurückrufen zurückgerufen gültige Bilder

getMeta(url, callback) { 
const img = new Image(); 
img.src = url; 
img.onload = function() { 
    if (img.width > 260 && img.height > 150) { 
    callback(url); 
    } 
}; 

zu erhalten

}

Answer 1

Wenn Sie this innerhalb der Funktion verwenden, verwenden Sie nicht function() {

this.getMeta(el, function (res) { 

sollte

this.getMeta(el, (res) => { 

sonst this wird nicht auf die Klasseninstanz verweisen, auf dem die Funktion definiert ist.

Siehe auch https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions