Я получаю асинхронную ошибку при попытке получить данные профиля пользователя из firebase и затем отображать их на домашней странице.Я попытался удалить асинхронный файл в chat.component.html, чтобы избавиться от ошибки, но данные не отображаются.
chat.component.html
<!DOCTYPE html>
<html>
<head>
<title>Chat App</title>
</head>
<body>
<h1>Chat App</h1>
<ul>
<li *ngFor="let message of messages | async">{{message.$value}}</li>
</ul>
<input id="messages" type="text" #message placeholder="Enter your message">
<button (click)="newMessage(message.value)">Send message</button>
</body>
</html>
chat.component.ts
import { Component, OnInit } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
@Component({
selector: 'app-chat',
templateUrl: './chat.component.html',
styleUrls: ['./chat.component.css']
})
export class ChatComponent implements OnInit {
messages: AngularFireList<any[]>;
constructor(public db: AngularFireDatabase) {
}
ngOnInit() {
this.getChatData();
}
getChatData() {
this.messages = this.db.list('chat_messages');
}
newMessage(message) {
this.messages.push(message);
}
}