當我點擊 Angular 上的按鈕時，如何獲得自動刷新？

Question

我正在構建一個聊天應用程序。 一切正常； 但是，當我單擊發送時，直到我手動重新加載頁面后才會顯示該消息。

我想我在訂閱后遺漏了一些東西。

    onSubmit() {
    this.chatService
      .sendMessage(
        'https://db_url/message.json',
        {
          message: this.chatForm.value.message,
          username: this.authService.user.displayName,
        }
      )
      .subscribe((data) => {
        // ...
        
        console.log(data);
      });

    this.chatForm.reset();
  }

有人可以指出我的代碼中可能遺漏或做錯了什么嗎？ 謝謝你。

Answer 1

您可以嘗試將訂閱的數據存儲在消息數組中，例如messages: Array<Message> = []; 然后在 onInit() 方法上訂閱它，並可能使用<div *ngFor="let message of messages | slice: ind:messages.length">顯示消息（或者只是在控制台上顯示它，無論你想要什么). 也可能是因為訂閱了sendMessages function 而不是getMessages？ （沒有看代碼的rest，我也說不清楚）