Подождите, пока запрос firestore выполнит некоторые logi c для angular защиты маршрутизатора - PullRequest
Новая
       27

Подождите, пока запрос firestore выполнит некоторые logi c для angular защиты маршрутизатора

0 голосов
/ 18 июня 2020

Это мой сценарий:

Я вошел в систему (авторизация firebase). У каждого пользователя есть документ в коллекции users в firestore. Я хочу, чтобы пользователь перенаправлялся на страницу / руководство, если поле merchantId пусто в документе пользователя.

У меня проблемы с async / overservable / prom logi c. isComplete при возврате не определено.

registration.guard.ts 

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router';
import { Observable } from 'rxjs';
import { FirestoreService } from '../services/data/firestore.service';
import { Storage } from '@ionic/storage'
import * as firebase from 'firebase';

@Injectable({
  providedIn: 'root'
})
export class RegistrationGuard implements CanActivate {
  constructor(
    private router: Router,
    private firestoreService: FirestoreService,
    private storage: Storage
  ) { }
  async canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Promise<boolean> {

    let isComplete;

    let result = firebase.auth().onAuthStateChanged(function (user) {
      var user = firebase.auth().currentUser;

      if (user) {
        let userData = firebase.firestore().collection('users').doc(`${user.uid}`);

        return userData.get()
          .then(doc => {
            if (!doc.exists) {
              console.log('No such document!');
            } else {
              //console.log('Document data:', doc.data());
              //console.log(doc.data().merchantId)
              let userMerchantId = doc.data().merchantId
              if (userMerchantId.length > 0) {
                isComplete = true
              }
              else {
                isComplete = false
              }
            }
          })
          .catch(err => {
            console.log('Error getting document', err);
          });
      }
    });


    if (!isComplete) {
      this.router.navigateByUrl('/tutorial')
    }

    return isComplete;

  }

 }

1 Ответ

0 голосов
/ 18 июня 2020

Можно попробовать так 

// define this way
 let isComplete : boolean; //you can initilise intial value true or false here

// use this way
  this.isComplete  = true;
...