如何以角4返回一个Observable？

Question

我在authProvider提供程序类中有这个方法：

getUser() {
    return this.afAuth.authState.subscribe(user => {
        return user;
    });
}

我想在不同的课程中订阅它，例如：

this.authProvider.getUser().subscribe(user => console.log(user));

任何想法如何在getUser()方法中返回一个Observable ？

Answer 1

您的authState已经是Observable。 只需返回你的authState并在另一个函数中订阅。 在任何其他工作的功能中，您可以使用RxJS #map功能。

getUser() : Observable {
    return this.afAuth.authState.map(...);
}

....

login() {
   getUser().subscribe(user => {
       return user;
   });
}

Answer 2

不要在getUser函数中订阅。 只需返回可见的东西。

getUser() {
    return this.afAuth.authState
}

Answer 3

你可以做这样的事情。 然后在您的组件中，调用此函数的组件，您可以订阅此observable。

getUser(): Observable<any> {
    return Observable.create( (observer: Observer<string>) => {
     this.afAuth.authState.subscribe(user => {
        observer.next(user);
    }, (err) => observer.error("error"));
}); 
}

阿什利

Answer 4

您需要将返回类型设置为observable

getUser(): Observable<Type> {
    return this.afAuth.authState;
    });
}

Answer 5

您可以直接返回该函数并在另一个类中订阅它。

  getUser() {
        return this.afAuth.authState();
  }

您可以将observable视为订阅调用的函数。

this.authProvider.getUser().subscribe(user => console.log(user));