Meteor.setTimeout() innerhalb von Meteor.loginWithPassword()

Question

Ich brauche Hilfe. Mein Code ist in einem Login. Wenn der Klick Benutzer in login: Ich habe eine Schaltfläche deaktivieren setzen zu vermeiden, dass der Benutzer oft tun klicken, wenn das System arbeitet, ist für eine Antwort zu warten

Mein Code funktioniert gut, aber ich habe der Benutzer eine Loader-Klasse, wenn Klicken Sie auf den Button Login.

Wenn der Benutzer das Passwort eingibt und akzeptiert wird, sendet das System uns zur nächsten Ansicht. Das funktioniert gut, aber ... Das Problem ist: Wenn der Benutzer ein ungültiges Passwort eingeben this.loadingActive = true; nicht ändern .. die Schaltfläche bleiben mit dem Spin für immer aktiv. Ich meine etwas passiert ist, dass die Variable loadingActive Änderung nicht zu true

mein html

<button class="btn btn-default btn-lg btn-block" 
     ng-class="{'disabled': login.loadingActive === false}" 
     ng-disabled="loginForm.$invalid || login.loadingActive === false" 
     ng-click="login.login()"> 
    <span ng-hide="login.loadingActive" class="fa fa-refresh animacion-cargando"></span> 
    <span ng-hide="login.loadingActive">loading...</span> 
    <span ng-show="login.loadingActive">Login</span> 
</button> 

Das ist mein js

login() { 
    this.loadingActive = false; 
    this.error = ''; 
    Meteor.loginWithPassword(this.credentials.email.toLowerCase(), this.credentials.password, 
     this.$bindToContext((err) => { 
      Meteor.setTimeout(() => { 
       if (err) { 
        this.loadingActive = true; 
        this.error = err; 
       } else { 
        this.loadingActive = true; 
        this.$state.go('app.pageOne'); 
       } 
      }, 1000); 
     }) 
    ); 
} 

Datei Warum, wenn ich in einen Meteor.setTimeout setzen ein Meteor.loginWithPassword passiert das? irgendwelche Ideen?

danke!

Answer 1

Ich sehe Sie wickeln Sie den Rückruf innerhalb einer this.$bindToContext. Nicht sicher, was es tut, aber meine Vermutung ist, dass es den Kontext (this) die Callback-Funktion ändert, so dass this.loadingActive = true keinen Effekt hat.

dies zu beheben Sie eine Referenzvariable verwenden:

login() { 
    const self = this; 
    // ... 
    Meteor.loginWithPassword(
    self.credentials.email.toLowerCase(), 
    self.credentials.password, 
    self.$bindToContext((err) => { 
     Meteor.setTimeout(() => { 
     // ... 
     self.loadingActive = true; 
     }, 1000); 
    } 
)); 
}