angular ng如何获得孩子的长度

Question

I'm trying to do Check length of child in my *ngFor element. I read data from a firebase real-time database. where I am wrong?

this my code:

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

this my DB:

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

this my service:

   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 my component:

    this.db.getDataList("/Event/" ).subscribe(res => {
     this.events=res;
  });

Answer 1

try this instead

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

Reference Object.keys()

Answer 2

event Arrival is now object, if you can change it to Array, then you can use length. {} - object, [] - array. Good luck!