当我点击 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，我也说不清楚）