Question

我想从节点显示数据库的元素。我可以在控制台中显示它们，但是ngFor出现错误，我不理解。

谢谢，我是个初学者请帮助我

地址page.ts


  constructor(private router: Router) {}

  ngOnInit(){
    let useradresse = firebase.database().ref('adresse/'+ firebase.auth().currentUser.uid);
    useradresse.once('value').then((snapshot) => {
      snapshot.forEach((addressSnapshot) => {
        console.log (addressSnapshot.val()); // shows the address value 
        this.adresse = addressSnapshot.val();
      })
    })

  }

adresse.page.ts

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

Error Image

Base de donnée

Answer 1

定义属性私人地址= [];

然后在您的snapshot.forEach（）方法中将Val（）转换为这样的数组...

        watch.setAttribute("ID", String.valueOf(dtoWatch.id));

基本上，您是从快照获取对象的，需要将其转换为数组才能遍历* ngFor。

在Firebase中检索值

1 个答案: