AngularFireList, свойство valueChanges () показывает ошибку Свойство 'query' отсутствует в типе 'Observable <{} []>

Question

Мне трудно понять эту ошибку.Вот мой код, который я строю для создания службы AuthGuard:

user.service.ts:

import { Injectable } from '@angular/core';

import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';

import {AppUser} from './models/app.user';
import * as firebase from 'firebase';

@Injectable({
  providedIn: 'root'
})
export class UserService {

  constructor(private db: AngularFireDatabase) { }

  save(user: firebase.User) {
    this.db.object('/users/' + user.uid).update({
      name: user.displayName,
      email: user.email
    });
  }

  get(uid: string): AngularFireList<AppUser> {
    return this.db.list('/users/' + uid).valueChanges();
  }
}

Свойство .valueChanges() показывает мне ошибку:

:> Свойство 'query' отсутствует вtype 'Observable <{} []>

У меня также возникают проблемы при получении uid:

in AuthGuardService.ts:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/observable';
import 'rxjs/add/operator/switchMap';
import 'rxjs/operator/map';
import { UserService } from './user.service';
import { CanActivate } from '@angular/router';
import { AuthService } from './auth.service';



@Injectable({
  providedIn: 'root'
})
export class AdminAuthGuard implements CanActivate {

  constructor(private auth: AuthService, private userService: UserService) { }

  canActivate (): Observable<boolean> {
    return this.auth.user$
      .switchMap(user => this.userService.get(user.uid).valueChanges())
      .map (appUser => appUser.isAdmin);
  }
}

Ошибка:

message ": «Свойство isAdmin» не существует для типа «AppUser []». "

app.user.ts:

export interface AppUser {
    name: string;
    email: string;
    isAdmin: boolean;
}

Может кто-нибудь помочь мне определить, какисправить это? Спасибо!

Answer 1

Я нашел ответ:

user.service.ts:

import { Injectable } from '@angular/core';

import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';

import {AppUser} from './models/app.user';
import * as firebase from 'firebase';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class UserService {


  constructor(private db: AngularFireDatabase) { }

  save(user: firebase.User) {
    this.db.object('/users/' + user.uid).update({
      name: user.displayName,
      email: user.email
    });
  }

  get(uid: string): AngularFireObject<AppUser> {
      return this.db.object('/users/' + uid);
  }

}

In admin-auth-guard.service.ts:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/observable';
import 'rxjs/add/operator/switchMap';
import 'rxjs/operator/map';
import { UserService } from './user.service';
import { CanActivate } from '@angular/router';
import { AuthService } from './auth.service';




@Injectable({
  providedIn: 'root'
})
export class AdminAuthGuard implements CanActivate {

  constructor(private auth: AuthService, private userService: UserService) { }

   canActivate(): Observable<boolean> {
      return this.auth.user$
      .switchMap(user => this.userService.get(user.uid).valueChanges())
      .map (appUser => appUser.isAdmin);
     }
}

Спасибо всем!

Answer 2

В вашем сервисе ваш тип возврата неверен.Вы не возвращаете AngularFireList<AppUser>, вы возвращаете Observable<AppUser[]>.

В стороже вы передаете массив пользователей на карту, поэтому вам нужно будет проверить, является ли первый элементвместо этого admin

Я не очень знаком с firebase, но в вашем случае более подходящей альтернативой для db.list() является db.object() для возврата одной записи:

/* service */
get(uid: string): Observable<AppUser> {
    return this.db.object<AppUser>('/users/' + uid).valueChanges();
}

/* guard */
canActivate (): Observable<boolean> {
    return this.auth.user$
       .switchMap(user => this.userService.get(user.uid))
       .map (appUser => appUser.isAdmin);
}