從數據庫Ionic3，角度和火力得到

Question

在聊天應用程序上工作。 將消息推送到數據庫工作正常，但獲取查詢似乎無效。

ts文件看起來像這樣，將消息發送到db即可正常工作。 獲取消息不起作用。

ngOnInit(){
  this.encryptedMessages = this.getMessage();
}

getMessage(){
  return this.db.list('/messenger');
}

sendMessage(){
  this.db.list("/messenger").push({
  username: this.username,
  message: this.message
 }).then(()=>{
  //what happens once message is sent
 });
}

html看起來像這樣。 使用* ngFor和異步管道顯示從數據庫檢索到的所有消息。 屏幕上沒有任何內容

<ion-content padding>
  <div id="message" *ngFor="let m of encryptedMessages | async">
    <div class="username">{{ m.username }}</div>
    <div class="message"> {{ m.message }} </div>
  </div>
</ion-content>

Answer 1

您還可以訂閱到您的列表。

ngOnInit(){
  this.getMessage().snapshotChanges()
    .subscribe((actions) => {
       this.encryptedMessages = actions.map((action) => {
          const data = action.payload.val();
          data.key = action.key;
          return data;
       });
    });
}

getMessage(){
  return this.db.list('/messenger');
}