Wie kann ich auf das Observable in Angularfire 2 warten?

Question

Das Problem ist, dass der Chatname zuerst ein Leerzeichen anzeigt, weil das Mapping noch nicht abgeschlossen ist. Gibt es eine Möglichkeit, auf das Mapping zu warten, bevor es die Daten aktualisiert?

this.chats = this.af.database.list('/chats/' + this.mainService.getUserId(), { 
    query: { 
    orderByChild: 'timestamp' 
    } 
}).map((chats) => { 
    return chats.map(chat => { 
     chat.name = this.af.database.object(`/users/${chat.uid}`); 
     return chat; 
    }) 
}); 

Hier ist die Benutzeroberfläche.

<ul> 
    <li *ngFor="let chat of chats | async"> 
     {{ (chat.name | async)?.name }} : {{ chat.lastMessage }} 
    </li> 
</ul> 

Answer 1

diese Antwort sehen - Nested Observables in Angular2 using AngularFire2 not rendering in view

Aber ich vermute, dass Sie den elvis Bediener auf die HTML-Seite

{{ chat?.name }}