Angular Firestore - async pipe 返回 null 数据
创始人
2024-10-19 01:00:17
0

当使用Angular Firestore和异步管道(async pipe)时,有时可能会遇到返回null数据的问题。这可能是由于异步管道在数据加载之前尝试访问数据时触发的。

为了解决这个问题,你可以采取以下措施:

  1. 使用*ngIf指令在数据加载之前隐藏组件或显示占位符。
@Component({
  selector: 'app-my-component',
  template: `
    
      
      
{{ data }}
Loading...
`, }) export class MyComponent { data$: Observable; constructor(private firestore: AngularFirestore) { this.data$ = this.firestore.doc('path/to/document').valueChanges(); } }
  1. 使用RxJS的过滤器操作符来过滤掉null值。
@Component({
  selector: 'app-my-component',
  template: `
    
    
{{ data$ | async }}
`, }) export class MyComponent { data$: Observable; constructor(private firestore: AngularFirestore) { this.data$ = this.firestore.doc('path/to/document').valueChanges().pipe( filter(data => data !== null) ); } }

通过以上方法,你可以解决Angular Firestore异步管道返回null数据的问题。

相关内容

热门资讯

近期!hhpoker真的有透视... 近期!hhpoker真的有透视吗,pokemmo手机版修改器,指南教程(证实有挂)1、不需要AI权限...
黑科技代打!wepoker私人... 黑科技代打!wepoker私人局辅助,竞技联盟辅助,操作教程(有挂方略)1、玩家可以在wepoker...
黑科技辅助挂!hhpoker透... 您好,德州来玩辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家...
反观!wepoker透视脚本是... 反观!wepoker透视脚本是什么,werplan外挂,妙计教程(有挂教学)所有人都在同一条线上,像...
黑科技辅助挂!hhpoker必... 黑科技辅助挂!hhpoker必备开挂,德州透视hhpoker,课程教程(了解有挂)1、hhpoker...
黑科技辅助挂!拱趴大菠萝自动计... 黑科技辅助挂!拱趴大菠萝自动计算机器人,pokemmo免费脚本,教程书教程(有挂教程)拱趴大菠萝自动...
教程辅助挂!wpk私人局辅助是... 教程辅助挂!wpk私人局辅助是真的吗,wepoker软件靠谱么,讲义教程(发现有挂);该软件可以轻松...
2026版教学!德普之星怎么设... 2026版教学!德普之星怎么设置埋牌,wepoker科技辅助器,阶段教程(真实有挂)1、下载好德普之...
更值得关注的是!wpk透视是真... 更值得关注的是!wpk透视是真的吗,pokemmo辅助工具,学习教程(有挂教学)1、起透看视 wpk...
此事引发网友热议!wepoke... 此事引发网友热议!wepoker辅助器下载,hhpoker是内部控制吗,烘培教程(真的有挂)hhpo...