如何从AngularFirestore获取可观察的返回并解决我的路由器防护问题
问题:如何使用firestore返回的有效负载呼叫firestore并解析我的路由器防护 问题:即使firestore中的值正在返回并已定义,我的路由解析保护也无法解析如何从AngularFirestore获取可观察的返回并解决我的路由器防护问题,angular,google-cloud-firestore,angular2-observables,resolver,angular-router-guards,Angular,Google Cloud Firestore,Angular2 Observables,Resolver,Angular Router Guards,问题:如何使用firestore返回的有效负载呼叫firestore并解析我的路由器防护 问题:即使firestore中的值正在返回并已定义,我的路由解析保护也无法解析 import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot, } from '@angular/router'; import { AngularFirestore } from 'angularfire2/firestore'; import { Ob
import {
ActivatedRouteSnapshot,
Resolve,
RouterStateSnapshot,
} from '@angular/router';
import { AngularFirestore } from 'angularfire2/firestore';
import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';
import { map } from 'rxjs/operators';
@Injectable()
export class RouteResolve implements Resolve<any> {
constructor(private db: AngularFirestore) {
}
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> {
return this.db
.collection('routes')
.doc('work')
.valueChanges()
.pipe(
map((item) => {
if (item) {
console.log('items', item) // this logs just fine.
return item; // this doesen't resolve the router guard.
}
}));
}
}
将pipe(first())
添加到您的valueChanges()
observable中。Angular router一直等到observable完成,这样做可以确保observable在第一次值更改后完成
return this.db
.collection('routes')
.doc('work')
.valueChanges()
.pipe(first())
.pipe(
map((item) => {
if (item) {
console.log('items', item) // this logs just fine.
return item; // this doesen't resolve the router guard.
}
}));
不需要。如果您不需要
控制台.log()
,则可以将其删除。但这不会实时更新已解析的数据。
return this.db
.collection('routes')
.doc('work')
.valueChanges()
.pipe(first())
.pipe(
map((item) => {
if (item) {
console.log('items', item) // this logs just fine.
return item; // this doesen't resolve the router guard.
}
}));