Мы пытаемся добавить живые обновления на главной странице. Данные текущих обновлений извлекаются из базы данных Firebase. Данные из firebase загружаются и отображаются на локальном хосте, но после развертывания кода компонент root не загружается. Отображается ошибка тайм-аута 504 шлюза. Если мы перейдем к другому маршруту того же приложения и затем загрузим компонент root, он отобразит данные.
Мы вызываем данные актуальных обновлений в функции ngOnInit, как показано ниже:
this.getLiveUpdatesData();
В конструкторе мы объявляем службу firebase и позже используем то же самое:
private fbs: FirebaseServiceService
Вышеприведенная функция включает код:
getLiveUpdatesData () {
this.fbs.onGetUsersDocuments().subscribe(data => {
console.log("In Function Data")
this.conv = data;
var j = data.length - 1;
this.finaldata.push(data[j]);
console.log('datafinal', this.conv);
console.log('datafinalfj ', this.finaldata);
});
}
Мы показываем то же самое следующим образом:
<div *ngIf="finaldata">
<div>
<span style="word-break: break-all;" [innerHtml]="d['f_description'].slice(6,50)"></span>
<p style="color: grey">{{d['f_date']}}</p>
</div>
<p class="color_orange mar-adj ">
</p>
</h1>
</div>
</div>
<div class="item item-2">
<div class="vid_side_box_inner no_mrg_m border_m">
</div>
</div>
</div>