Angularfire2 - 查询异步无法正常工作

时间:2018-03-20 07:36:51

标签: javascript angular ionic3 angularfire2

美好的一天,我有APP:

  • ionic 3
  • 火力地堡
  • Angularfire2

TransactionsPage

  • 我按下当前时间戳的按钮点击数据
  • Firebase节点:交易

主页

var timestamp = Date.now() - 1 * 60 * 1000;  
this.transactions = db.list('/transactions', ref => ref.orderByChild('date').startAt(timestamp)).valueChanges() 
  • timestamp是最后1分钟
  • ref.orderByChild('date')是从transactionsPage推送的时间戳

HTML主页

 <ion-list no-lines>
      <ion-item *ngFor="let tr of transactions | async">
        <ion-icon color="primary" name="basket" item-start></ion-icon>
          {{tr.date | date:'EEEE, dd MMMM - HH:mm' }} 
      </ion-item> 
 </ion-list> 

我在这里获得交易清单,但我需要在1分钟前发布的交易。

列表工作正常,但我的问题是列表没有隐藏而不是异步,如果我等待1分钟后1分钟列表必须隐藏,如果这里推送的其他事务必须显示新的。

1 个答案:

答案 0 :(得分:0)

你可以做到

this.transactions = db.list('/transactions', ref => ref.orderByChild('date').startAt(Date.now() - 1 * 60 * 1000)).valueChanges()

因此,当发生更改时,它还会使用当前时间更新查询。