InvalidPipeArgument: '[объект объекта]' для канала 'AsyncPipe' в invalidPipeArgumentError

Question

Я хочу получить данные из базы данных Вот мой сервис

  export class CategoryService {
  constructor(private db: AngularFireDatabase) { }
  getCategories(){
  return this.db.list('/categories'); 
  }

$ Код компонента

export class ProductFormComponent implements OnInit {

  categories$;

  constructor(categoryService: CategoryService) {
    this.categories$ = categoryService.getCategories();
   }

$ вот мой html

   <div class="form-group">
      <label for="category">Category</label>  
      <select id="category" class="form-control">
      <option value=""> </option>
      <option *ngFor="let c of categories$ | async" [value]="c.$key">
      {{c.name}}
      </option>
      </select>
   </div>

Answer 1

Библиотеки Firebase возвращают обещания.Заставьте их вернуть наблюдаемые.

import { from } from 'rxjs/operators';

export class CategoryService {
  constructor(private db: AngularFireDatabase) { }
  getCategories(){
  return from(this.db.list('/categories')); 
}