首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >对象:管道'AsyncPipe‘的'[object InvalidPipeArgument]’

对象:管道'AsyncPipe‘的'[object InvalidPipeArgument]’
EN

Stack Overflow用户
提问于 2017-11-28 18:30:33
回答 3查看 38.5K关注 0票数 10

在服务中声明如下:

代码语言:javascript
运行
复制
public currentDBUserBS$: any;

constructor(private afDb: AngularFireDatabase){}

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

现在尝试在模板中使用

代码语言:javascript
运行
复制
template: `<li *ngIf="(authService.currentDBUserBS$ | async)?.role=='admin'"> Something </li>`

错误堆栈:

代码语言:javascript
运行
复制
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)
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-11-28 18:37:46

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

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

代码语言:javascript
运行
复制
fetchUser(uid){
  this.currentDBUserBS$ = this.afDb.object(`users/${uid}`).valueChanges();
}

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

票数 24
EN

Stack Overflow用户

发布于 2019-04-29 04:32:40

必须在订阅操作后添加.valueChanges();。必填项如下:

代码语言:javascript
运行
复制
 this.courses$=db.list('/courses').valueChanges();
票数 4
EN

Stack Overflow用户

发布于 2017-11-28 18:34:48

您正在尝试将数组传递给异步管道,而不是Observable。只需移除异步管道或将observable赋给currentDBUserBS$即可。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47529286

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档