如何從 function 處理 Angular 中 RXJS 的可觀察值返回值

Question

我在 Angular 有一個登錄視圖。我做了：

1. 用於獲取用戶數據的UserService 。

2. 用於檢查有效用戶的AuthService 。

因此，從登錄視圖，我將用戶名傳遞給AuthService ，它與UserService聯系以獲取數據並操作數據並返回boolean值，無論用戶是否有效。

登錄視圖下方的代碼如下：

認證服務：

this.authenticationService.checkValidLogin(userName,password);

認證服務：

checkValidLogin(username: string, password: string) {
    this.userService.getUserByEmail(username).snapshotChanges().pipe(map(data => data.map(c => ({ key: c.payload.doc.id, ...c.payload.doc.data() })))).subscribe(res => {
        if (res[0].password === password) {
            return true;
        } else {
            return false;
        }
    });
}

我已經返回true或false但不會返回到方法..!!

我想從訂閱中返回true或false值，或者我在這里缺少什么？

Answer 1

由於代碼是異步的，當你想檢查它的有效性時，你必須返回Observable並訂閱它。

checkValidLogin(username: string, password: string): Observable<boolean> {
    return this.userService.getUserByEmail(username).snapshotChanges().pipe(map(data => data.map(c => ({ key: c.payload.doc.id, ...c.payload.doc.data() }))),
// map result to true or false
map(res => {
      if (res[0].password === password) {
        return true;
      } else {
        return false;
      }
    })
);

然后當你想使用它時：

this.authenticationService.checkValidLogin(userName,password).subscribe(valid => {
  console.log(valid); // do your logic here of everything that determines if it's valid or not
});

Answer 2

請在this.userService.getUserByEmail之前添加回車，如下所示。

checkValidLogin(username: string, password: string){
return this.userService.getUserByEmail(username).snapshotChanges().pipe(map(data => data.map(c => ({ key: c.payload.doc.id, ...c.payload.doc.data() })))).subscribe(res => {
  if (res[0].password === password) {
    return true;
  } else {
    return false;
  }
});

我還建議只return res[0].password === password因為它返回 boolean 值