只允许使用数组和可迭代对象

Question

我无法在 html 页面上检索地址表的详细信息。我有一个错误：错误错误：“尝试区分'[对象对象]时出错。”只允许使用数组和可迭代对象" 控制台显示要恢复的项目但无法检索页面

Console image

服务地址

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

页面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[] = []