Доступ к данным JSON из пожарного магазина с угловым

Question

Я пытаюсь получить доступ к данным из базы данных пожарного магазина в угловом формате.

Это мой компонент:

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

import {AngularFirestore, AngularFirestoreCollection, AngularFirestoreDocument} from 'angularfire2/firestore';



interface Mission {
  cliente: string;
  luogo: string;
  materiale: string;
  nCassoni: number;
  nota: string;
  operatore: string;
}


@Component({
  selector: 'app-check-mission',
  templateUrl: './check-mission.component.html',
  styleUrls: ['./check-mission.component.css']
})
export class CheckMissionComponent{

  missionsCol: AngularFirestoreCollection<Mission>;
  missions: any;


  constructor(private db: AngularFirestore) {

  }

  ngOnInit(){
    this.missionsCol = this.db.collection('mission');
    this.missionsCol.valueChanges().subscribe((_missions: any) => {
      this.missions = _missions;
    console.log(this.missions);
  }


}

Это мойhtml:

<ul *ngFor="let mission of missions | async">
    <li>
        {{ mission.cliente }}
    </li>
</ul>

В пожарном хранилище у меня 6 документов под mission, и на html-странице я вижу шесть пунктов, но кроме того, что все пусто!

ЧтоЯ делаю неправильно?

ОБНОВЛЕНИЕ

- Я обновил код и теперь могу регистрировать результаты в консоли, но не вижуданные внутри HTML.Консоль выдаёт мне эту ошибку nvalidPipeArgument: '[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]' for pipe 'AsyncPipe' at invalidPipeArgumentError ..

Answer 1

Попробуйте это:

this.missionsCol.valueChanges().subscribe((_missions: any) => {
  this.missions = _missions;
})

Примечание, которое будет зависать каждый раз, когда что-то в миссии json изменяется.