我真的不知道如何解决这个问题。我该如何修复这个错误?
in user.service.ts:
import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList, 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:
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 {
constructor(private auth: AuthService, private userService: UserService) { }
canActivate (): Observable<boolean> {
return this.auth.user$
.switchMap(user => this.userService.get(user.uid))<-- ERROR HERE
.map (appUser => appUser.isAdmin);
}
}
类型“(user: User) => AngularFireObject”的参数不是
可分配给类型为 '(value: User, index: number) => 的参数
ObservableInput'。类型“AngularFireObject”不是
可分配给类型“ObservableInput”。
类型“AngularFireObject”不可分配给类型“Iterable”。
“AngularFireObject”类型中缺少属性“[Symbol.iterator]”。
Thanks.
对 Angular 6 这样做:
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 { UserService } from './user.service';
import { map, switchMap } from 'rxjs/operators';
import { AuthService } from './auth.service';
import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class AdminAuthGuard implements CanActivate {
constructor(private auth: AuthService, private userService: UserService) { }
canActivate(): Observable<boolean> {
return this.auth.user$
.pipe(switchMap(user => this.userService.get(user.uid).valueChanges()))
.pipe(map(appUser => appUser.isAdmin));
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)