Kann nicht Klassenvariablen in Angular 2 Inside Callback setzen

Question

Ich bin sicher, es ist etwas Kleines, dass ich vermisse, und ich werde der Erste sein, der Ihnen sagen, ich bin kein Angular oder ES6 Experte. Ich habe den folgenden Code Set:

getScanner(){ 
    var that = this; 
    cordova.plugins.barcodeScanner.scan(
     function (result) { 
      console.log("OBJ "+result); 

      that.data = result; 

      //THIS IS DEFINED 
      console.log("That data first is "+that.data); 

      alert("We got a barcode\n" + 
        "Result: " + result.text + "\n" + 
        "Format: " + result.format + "\n" + 
        "Cancelled: " + result.cancelled);    
     }, 
     function (error) { 
      alert("Scanning failed: " + error); 
     } 
    ); 

    //THIS IS UNDEFINED 
    console.log("That data is finally "+that.data); 

} 

Wie man oben sehen kann, wenn ich zum ersten Mal in der Callback-Set that.data, es an die Konsole fein gedruckt. Dann verliert es irgendwie die Referenz, sobald ich zur Konsole.log außerhalb des Cordova-Anrufs komme. Was mache ich falsch?

Answer 1

Der Aufruf cordova.plugins.barcodeScanner.scan ist asynchron, daher wird erst nach dem Aufruf des Erfolgsrückrufs definiert.

Wenn Sie Ihre Konsole aussehen, sollten Sie feststellen, dass die "That data is finally" Nachricht vor die "That data first is" Nachricht protokolliert.