问题描述
我正在开发我的第一个angular / firestore应用程序，现在我可以显示单个集合中的文档数据，而没有子集合。我正在尝试对此进行扩展并显示子集合中的数据。我的Firestore数据库如下所示。
用户->用户ID->打架-> fightId
我现在试图在页面上显示战斗，因此我试图查询“战斗”的子集合并将其编码到我的组件中。
我的TS：
@Component({
selector: 'app-my-fights',templateUrl: './my-fights.component.html',styleUrls: ['./my-fights.component.css']
})
export class MyFightsComponent implements OnDestroy,OnInit {
userId: any;
fights$: Observable<any>;
users$: Observable<any>;
user: any;
private readonly subscription: Subscription;
fightCollection: AngularFirestoreCollection<any>;
constructor(private afs: AngularFirestore,private firestoreData: FirestoreDataService,public auth:
AuthService,private fightTest: FightService) {
this.subscription = auth.user$.subscribe(user => {
this.userId = user.uid
this.fightCollection = this.afs.collection<any>(`users/${this.userId}/Fights`);
this.fights$ = this.fightCollection.valueChanges();
});
}
ngOnInit() {
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
}
用户ID是从我创建的注入的身份验证服务中提取的。我将userID放入变量中只是为了测试是否可以正确提取uid。然后，我尝试将userId值编码到正确的Firestore路径中，以拉动用户Fights集合并将其分配给可观察对象。
我的HTML：
<ul *ngFor="let fight of fights | async">
<li>
fight.blueFighter;
</li>
</ul>
为简单起见，我现在暂时仅尝试将字段拉到蓝色。
我没有收到任何错误，但也没有显示任何内容。我无法判断我是否正在正确阅读该集合，或者只是无法正确地以HTML调用它。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）