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

Question

Я пытаюсь получить записи из базы данных Firebase.

В HTML-файле

    <select id="brand" class="form-control">
      <option value=""></option>
      <option *ngFor="let b of brandsObservable | async" [value]="b.$key">
        <!--$key returns the key from firebase-->
        {{b.name}}
      </option>
    </select>

Я получаю следующую ошибку:

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

Могу ли я узнать, правильно ли я использую асинхронный канал?

Скриншот:

Сервис (brand.service.ts):

import { Injectable } from '@angular/core';
import { AngularFireDatabase } from 'angularfire2/database';

@Injectable({
  providedIn: 'root'
})
export class BrandService {

  constructor(private database: AngularFireDatabase) { }

  getBrands(){
    return this.database.list('/brands');
  }
}

Выход this.database.list('/brands')

В файле TS

import { Component, OnInit } from '@angular/core';
import { BrandService } from 'src/app/services/brand.service';

@Component({
  selector: 'app-seller-cell-phones-form',
  templateUrl: './seller-cell-phones-form.component.html',
  styleUrls: ['./seller-cell-phones-form.component.css']
})
export class SellerCellPhonesFormComponent implements OnInit {
  brandsObservable;
  constructor(brandService: BrandService) { 
    this.brandsObservable = brandService.getBrands();
  }

  ngOnInit() {
  }

}