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

【问题标题】：Angular, Unable to display Data as a List from firebaseAngular，无法将数据显示为来自 firebase 的列表
【发布时间】：2021-12-03 12:41:36
【问题描述】：

我正在尝试以角度显示来自 firebase 的数据，但我似乎无法从加载中获取列表对象，并且总是导致出现此错误的空白 ERROR Error: InvalidPipeArgument: '' for pipe 'AsyncPipe'

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

这是我的组件代码

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>

任何帮助将不胜感激谢谢

【问题讨论】：

标签： javascript angular firebase firebase-realtime-database

【解决方案1】：

变量“课程”不是可观察/异步管道，而是一个值。 this.db.list('courses').valueChanges()` 是可以观察到的，但是 su

这会打印什么东西吗？

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

【讨论】：

不，导致此错误：“QuerydataComponent”类型上不存在属性“JSON”。
哦，是的，当然.. {{ course }} 怎么样？