Angular 2 Warten auf Versprechen und beobachtbare zu lösen

Question

In meinem AccountService habe ich ein Dialogfeld, das den Benutzer nach Benutzername/Passwort fragt, die eine Zusage zurückgibt. Wenn sie auf Schließen klicken, anstatt zu verwerfen, und die Prüfer die Daten benötigen, bevor sie auf Schließen klicken können, möchte ich mich mit den Daten anmelden, die eine Observable zurückgeben.

loginModal() : boolean { 

    this.dpDialogService.input(
     'Login', 
     [ 
      { 
       label: 'Username/Email', 
       form: 'username', 
       data: '', 
       validators: [Validators.required], 
       validatorMsg: 'Username is required.' 
      }, 
      { 
       label: 'Password', 
       form: 'password', 
       data: '', 
       validators: [Validators.required], 
       validatorMsg: 'Password is required.', 
       type: 'password' 
      }, 
     ] 
    ).then(
     close => { 
      this.login({username: close.username.value, password: close.password.value}).subscribe(
       loginResult => { 
        return true; 
       }, 
       errorResult => { 
        this.dpDialogService.error('Invalid username/password.'); 
        return false; 
       } 
      ) 
     }, 
     dismiss => { 
      return false; 
     } 
    ); 
} 

Wie gebe ich diesen boolean von der Funktion zurück. Ich schätze, ich muss ein Versprechen verwenden, aber nicht sicher, wie mit ihnen verschachtelt werden.

Answer 1

Wenn .subscribe nicht ein Versprechen nicht zurückgibt, dann müssen Sie ein Versprechen schaffen, die wahr/falsch je nach Ergebnis der .subscribe

immer lösen muß aufgelöst Ich gehe davon aus dem zurückgegebene Versprechen, ablehnen nie (basierend auf dem dismiss => Code

).then(
    close => { 
     return new Promise((resolve, reject) => { 
      this.login({username: close.username.value, password: close.password.value}).subscribe(
       loginResult => { 
        resolve(true); 
       }, 
       errorResult => { 
        this.dpDialogService.error('Invalid username/password.'); 
        resolve(false); 
       } 
      ) 
     }) 
    }, 
    dismiss => { 
     return false; 
    } 
); 

Answer 2

Hier ist die Antwort, danke für die Hilfe Jaromanda X

loginModal() : Promise<boolean> { 

    return new Promise((resolve, reject) => { 
     this.dpDialogService.input(
      'Login', 
      [ 
       { 
        label: 'Username/Email', 
        form: 'username', 
        data: '', 
        validators: [Validators.required], 
        validatorMsg: 'Username is required.' 
       }, 
       { 
        label: 'Password', 
        form: 'password', 
        data: '', 
        validators: [Validators.required], 
        validatorMsg: 'Password is required.', 
        type: 'password' 
       }, 
      ] 
     ).then(
      close => { 
       this.login({username: close.username.value, password: close.password.value}).subscribe(
        loginResult => { 
         resolve(true); 
        }, 
        errorResult => { 
         this.dpDialogService.error('Invalid username/password.'); 
         resolve(false); 
        } 
       ) 
      }, 
      dismiss => { 
       resolve(false); 
      } 
     ); 
    });