角度ng用于获取孩子的身长

时间:2019-04-23 13:33:46

标签: javascript angular firebase firebase-realtime-database angularfire2

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

这是我的代码:

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

这是我的数据库:

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

2 个答案:

答案 0 :(得分:0)

改为尝试

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

引用Object.keys()

答案 1 :(得分:0)

event Arrival现在是对象,如果可以将其更改为Array,则可以使用长度。 {}-对象,[]-数组。祝你好运!