Angular 无效参数:';[对象对象]';对于管道';异步管道

Angular 无效参数:';[对象对象]';对于管道';异步管道,angular,Angular,当我尝试从firebase获取数据时,我没有从中获取值,它说:-“InvalidPipeArgument:”[object object]“for pipe'AsyncPipe”。请帮我解决这个错误 这是我的产品组件 这是我的服务 这是我的HTML页面 标题 价格 $ 按类型 {{cat.name} 拯救 尝试添加值更改 this.db.list('/categories').valueChanges(); 解释。您对firestore的呼叫尚未完成。添加valueChanges()或sna

当我尝试从firebase获取数据时,我没有从中获取值,它说:-“InvalidPipeArgument:”[object object]“for pipe'AsyncPipe”。请帮我解决这个错误

这是我的产品组件

这是我的服务

这是我的HTML页面


标题
价格
$
按类型
{{cat.name}
拯救

尝试添加值更改

this.db.list('/categories').valueChanges();

解释。您对firestore的呼叫尚未完成。添加valueChanges()或snapshotChanges()将返回异步管道可以订阅的可观测值
import { Injectable } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';

@Injectable()
export class AssignService {

  constructor(private db: AngularFireDatabase) { }

  getAssignment(){

   return this.db.list('/categories');
 
  }

}
<form>
    <div class="form-group">
        <label for="title">Title</label>
        <input id="title" type="text" class="form-control">
    </div>
    <div class="form-group">
        <label for="price">Price</label>
        <div class="input-group">
        <span class="input-group-text">$</span>
        <input id="price" type="number" class="form-control">
    </div>
    </div>
    <div class="form-group">
        <label for="catagory">Catagory</label>
        <select id="catagory"  class="form-control">
        <option value="" ></option>
        <option *ngFor="let cat of categories$ | async" [value]= "cat.$key">
            {{ cat.name}}
        </option>
        </select>   
    </div>

    <button class="btn btn-primary">Save</button>

</form>
this.db.list('/categories').valueChanges();