In AngularJS, wie Service-Eigenschaft von Callback in Service selbst zu ändern

Question

Ich habe eine Fabrik, die einen http-Aufruf und in der Fehlerrückruf ich möchte eine Eigenschaft einen Wert, z. B. this.password = null aber this.password zeigt nicht auf das Passwort. password: this.password

Der Umfang der Eigenschaft sollte anders richtig sein Passwort:

Auf der anderen Seite, wenn ich die POST tun werden die Daten in Ordnung geschickt? Oder ich vermisse etwas anderes?

Ich könnte alle Eigenschaften und Methoden zu einer Var und dann zurück, aber ich würde eher Methode oben. Ich meine:

var myService = { 
    // my property and methods... 
} 

errorCallBack = function(){ 
    myService.password = null; 
} 

return myService; 

Answer 1

Sie haben ein Scoping-Problem. Sollte leicht genug sein, um so etwas zu tun. Wie immer, ungetestet, aber es scheint, als würde es funktionieren.

.factory('LogInService', function($http) { 

    return { 
    username: null, 
    password: null, 
    logIn: function() { 
     var svc = this; //<---- 
     return $http({ 
     method: 'POST', 
     url: 'http://my-domain/api/signin', 
     data: { 
      username: svc.username, //<--- 
      password: svc.password //<--- 
     } 
     }) 
     .then(
     function(success){ 

     }, 
     function(err){ 
      // reset password field 
      svc.password = null; //<---- 
     } 
    ); 
    } 
    } 
}); 

Answer 2

Sie müssen learn about this.

Sie könnten Ihr Problem mit arrow functions beheben, die die Bedeutung von this nicht ändern.

Sie möchten vielleicht use Babel, um Ihren ES6-Code in ES5 zu kompilieren, damit sich Browser mit Ihrer modernen Codebasis gut verhalten.