angular ng如何获得孩子的长度

问题描述 投票:0回答:2

我正在尝试在我的* ngFor元素中检查子项的长度。我从firebase实时数据库中读取数据。哪里错了?

我的代码:

<div *ngFor="let event of events">
   <div>Eventname:{{event.name}} </div>
   <div> Amount of Arrival: {{event.arrival.length}} </div>
</div>

我的DB:

 Event{
  a{
    date: "12,Nov"
    name: "best event"
    arrival:{
      a{
        name:"david",
        from:"USA"
       }
      b{
        name:"Mike",
        from:"GER"
       } 
    }
   }
}

我的服务:

   getDataList(listpath:string){
    this.itemsRef = this.db.list(listpath);
    this.items = this.itemsRef.snapshotChanges().pipe(
      map(changes => 
        changes.map(c => ({ key: c.payload.key, ...c.payload.val() }))
      )
    );
  return this.items;
  }

我的组件:

    this.db.getDataList("/Event/" ).subscribe(res => {
     this.events=res;
  });
javascript angular firebase firebase-realtime-database angularfire2
2个回答
0
投票

试试这个

{{Object.keys(event.arrival).length}}

参考Object.keys()


0
投票

event Arrival现在是对象,如果你可以将它改为Array,那么你可以使用length。 {} - object,[] - array。祝好运!

© www.soinside.com 2019 - 2024. All rights reserved.