AngularFire2：InvalidPipeArgument：管道“ AsyncPipe”的“ [object Object]”

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() {
  }

}