AngularFire2遍历对象的数组

Question

我有以下火力地堡数据库结构：

orders { 
    $uid { // user UID 
    order { 
    // ... 
    } 
    } 
} 

而我试图让所有的订单，这种方式：

public getOrders() { 
    this.db.list('/orders).subscribe(items => { 
    items.forEach(item => { 
     console.log(item); 
    }) 
    }) 
} 

我问题是，我如何获得所有订单？ 因为现在，我无法遍历item。

Answer 1

好了，终于我可以通过以下方式解决这个问题：

public getOrders() { 
    this.db.list('/orders).subscribe(items => { 
    items.forEach(item => { 
     Object.keys(item).map(key=>item[key]).map(order => { 
     console.log(order); 
     }) 
    }) 
    }) 
} 

所以，我们首先让所有的订单，然后循环使用forEach通过与订单的每个对象。然后，使用Object.keys我们可以访问每个用户的订单。

Answer 2

您可以将Firebase Database中的结果（items）保存在variable以及之后，在Angular模板（HTML）中使用该变量。

火力地堡DB： /命令/

[{ 
    "userId1": { 
     "name": "Michael", 
     "value": "55$" 
    } 
    }, 
    { 
    "userId1": { 
     "name": "Michael", 
     "value": "55$" 
    } 
    } 
] 

组件的逻辑

databaseOrders; 
public getOrders() { 
    this.db.list('/orders).subscribe(items => { 
    this.databaseOrders = items; 
    }) 
} 

组件模板

<div *ngIf="databaseOrders" class="orders"> 
    <article *ngFor="let order of databaseOrders; let i = index"> 
    <span class="ordered-by">{{order[i].name}}<span> 
    <b class="order-value">{{order[i].value}}</b> 
    </article> 
</div>