Angular，无法将数据显示为来自firebase的列表

Question

我试图从firebase中显示角度数据，但我似乎无法从加载中获得列表对象，并且它总是导致此错误空白ERROR Error: InvalidPipeArgument: '' for pipe 'AsyncPipe'

我甚至遵循了fire模块指南，但它似乎不起作用。

这是我的组件代码

import {AngularFireDatabase,AngularFireList} from '@angular/fire/compat/database';
import { Observable } from 'rxjs';
@Component({
selector: 'querydata',
templateUrl: './querydata.component.html',
styleUrls: ['./querydata.component.css']
})
export class QuerydataComponent implements OnInit {
courses:any;
constructor(private db :AngularFireDatabase) {

}
ngOnInit(): void {
this.db.list('courses').valueChanges().subscribe(courses =>{
this.courses=courses;
console.log(this.courses);
});
}
}

和我的模板代码

<p>querydata works!</p>
<ul *ngIf="courses">
<li *ngFor="let course of courses | async">
{{ course.value }}
</li>
</ul>

任何帮助都会很感激由于

Answer 1

变量'courses'不是可观察的/async管道，而是一个值。this.db.list('courses').valueChanges() '应该是可观察的，但是su

打印什么吗?

<li *ngFor="let course of courses">
{{ course }}
</li>