代码之家 › 专栏 › 技术社区 › ishandutta2007

InvalidPipeArgument:“[对象对象]”用于管道“AsyncPipe”

observable firebase-realtime-database angular

ishandutta2007 · 技术社区 · 8 年前

声明如下:

public currentDBUserBS$: any;

constructor(private afDb: AngularFireDatabase){}

fetchUser(uid){
  this.afDb.object(`users/${uid}`).valueChanges().subscribe((dUser) => {
    if (dUser) {
      this.currentDBUserBS$ = dUser;
    }
  });
}

现在尝试在模板中使用

template: `<li *ngIf="(authService.currentDBUserBS$ | async)?.role=='admin'"> Something </li>`

错误堆栈:

ERROR Error: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'
    at invalidPipeArgumentError (common.js:4219)
    at AsyncPipe._selectStrategy (common.js:5630)
    at AsyncPipe._subscribe (common.js:5612)
    at AsyncPipe.transform (common.js:5586)
    at Object.View_AppNavigatorComponent_0._co [as updateDirectives] (AppNavigatorComponent.html:40)
    at Object.debugUpdateDirectives [as updateDirectives] (core.js:14339)
    at checkAndUpdateView (core.js:13508)
    at callViewAction (core.js:13858)
    at execComponentViewsAction (core.js:13790)
    at checkAndUpdateView (core.js:13514)

3 回复 | 直到 8 年前

tomrcht 8 年前

你在给予 currentDBUserBS$ 您从Firebase获取的对象,而不是可观察对象。如果你想这样做,你必须删除 | async 在模板中。

但是,您可以执行以下操作:

fetchUser(uid){
  this.currentDBUserBS$ = this.afDb.object(`users/${uid}`).valueChanges();
}

.valueChanges() 提供一个可观察值,并在发出新值或修改现有值时自动更新。

pzaenger lio 7 年前

您必须添加 .valueChanges(); 订阅操作后。要求如下:

 this.courses$=db.list('/courses').valueChanges();

Mateusz Witkowski 8 年前

您试图将数组传递给异步管道,而不是可观察的。只需删除异步管道或将observable分配给currentDBUserBS$。

推荐文章

Anjil Dhamala · 在收到特定http状态时重试http调用

8 年前

simonberry · 取消RXJS FlatMap链上的订阅

8 年前

user9487981 · 可以激活防护装置并使用角度为5的可见光

8 年前

makat · 角度5 HTTP请求间隔使用可观察值,而值可能会更改

8 年前

Gissipi_453 · 在RxJava 2中的可观察对象中发出字符串数组时出现“不兼容类型”错误

8 年前

Jake Shakesworth · 如何将一个可观察对象映射到另一个可观察对象

8 年前

Nomura Nori · 许诺仅当使用了4个以上的承诺时,才获得“Access Control Allow Origin”

8 年前

MindlessRouse · 路由解析程序在没有订阅的情况下不触发可观察

8 年前

DevMike · 在角度服务中,如果在可观测范围内使用贴图功能,那么假设贴图功能保证同步是否正确?

8 年前

Arun Prasad E S · 角度5,离子3-【ts】类型“void”不可分配给类型“Observable<Post[]>”

8 年前