Разрешены только массивы и итерации

Question

Я не могу получить информацию об адресной таблице на html-странице. У меня есть ошибка: Ошибка: «Ошибка при попытке diff '[Object Object]."Разрешены только массивы и итерации ». Консоль отображает элементы, которые необходимо восстановить, но не может извлечь страницу

Образ консоли

Адрес службы

 adresses: Adresse [] = [];
  adresseSubject = new Subject<Adresse[]>();

  constructor() { }

  emitAdresse(){
    this.adresseSubject.next(this.adresses);
  }


  getAdresse(){
    firebase.database().ref('adresse/' + firebase.auth().currentUser.uid )
      .on('value', (data)=>{
        this.adresses = data.val() ? data.val() : [];
        console.log();
        this.emitAdresse();
      });
  }

Page ts

 adresses : Adresse[];
  adresseSubscription: Subscription;

  constructor(private adresseService: AdresseService,  private router: Router) {}

  ngOnInit(){
    this.adresseSubscription = this.adresseService.adresseSubject.subscribe(
      (adresses: Adresse[]) => {
        this.adresses = adresses;
      }
    );
    this.adresseService.getAdresse();
    this.adresseService.emitAdresse();
  }

html

 <ion-card *ngFor="let adresse of adresses; let i = index" (click)="onViewAdresse(i)">
        <ion-card-content>
            <ion-row>
                <ion-col size="9" >
                        <!--<ion-col size="9" (click)="goTo(adress)">-->
                    <div><b>{{adresse.prenom}} {{adresse.nom}} </b></div>
                    <div>{{adresse.commune}}</div>
                    <div>{{adresse.numeroF}}</div>

                </ion-col>
                <ion-col size="3">
                    <div class="color-edit"><b>Modifier</b></div>
                </ion-col>
              </ion-row>
          </ion-card-content>
      </ion-card>

спасибо

Answer 1

Инициализировать adresses пустым массивом. ngFor работает с массивом, пока adresse не будет подписано, adresses не определено в вашем коде.

Попробуйте так:

adresses : Adresse[] = []