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