具有角度/离子/火焰基础和ngFor的异步管道

Question

我想找出async管道。对于我有的代码：

在我的页面中：

this.distanceList = this.af.list('/distances/' + this.username,
    ref => ref.orderByChild("distance").limitToFirst(20)).valueChanges().map(e => [e]);

在我的HTML中：

<div class ='distance contentone' #distance [@moveList]='moveState'>
   <ion-list class="marginstatus" no-padding>
     <ion-item *ngFor="let item of distanceList|async" no-padding>
        {{ item.username }}
     </ion-item>
   </ion-list>
</div>

只加载一个项目行，它是空白的。我正在使用firebase，因此我不确定他们的Observable是否可以直接使用async管道。感谢您提前提供任何帮助。