Мне нужна помощь с отображением информации от моего пользователя в шаблоне HTML.Однако я не могу понять, что я делаю неправильно.По сути, я пытаюсь получить значения из базы данных, интерполировать их на главную страницу для отображения.Проблема с использованием ngFor, я не знаю, где применить этот тег в моем случае.Это мой HTML
<ion-header>
<ion-navbar>
<ion-title>DETALHES DA CONSULTA</ion-title>
<ion-buttons start>
<button ion-button (click)="dismiss()">
<span class="txt">Fechar</span>
<ion-icon ios="ios-close" md="md-close"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
<div padding-top class="card" *ngFor="let data of dataJSON">
<div class="codigo">
Código de confirmação da consulta: <strong>99887</strong>
</div>
<ul>
<li class="categoria">
<h2>Consulta em cardiologia - Geral</h2>
<span>{{data?.agendaTeste?.Documento?.Especialidade}}</span>
</li>
<li class="data">
Agendado para <span>05/09/2018</span> às <span>14:30</span>
</li>
<li class="medico">
<span>Profissional executante:</span>
<strong>Dr. José M. - CRM-SP 0000/000</strong>
</li>
<li class="ubs">
<strong class="label">Local do atendimento:</strong>
<div>
<strong>Unidade:</strong> SIMUS<br>
<strong>Endereço:</strong> Alameda dos Lírios, 327
</div>
</li>
</ul>
<div class="cta">
<button class="btn btn-danger btn-block btn-rounded">
Cancelar consulta
</button>
<small>Caso não possa comparecer cancele ou reagende sua consulta.</small>
<button class="btn btn-outline-midblue btn-block btn-rounded">
Reagendar consulta
</button>
</div>
</div>
</ion-content>
Это в основном мой код
constructor(public navCtrl: NavController, public modalCtrl: ModalController) {
var query = firebase.firestore().collection("agendaTeste")
var auxint = 0;
this.dataAux
let auxString = '[';
query.where('Documento.Paciente', '==', this.paciente).get().then(res => {
res.forEach(item => {
if (item.exists) {
auxint++;
auxString += '{"id":"' + item.id + '","agendaTeste":' + JSON.stringify(item.data()) + '}';
this.mostraHora = item.get("Documento.Hora");
console.log(this.mostraHora);
this.test = this.computeDateString(this.mostraHora);
this.medicoid = item.get("Documento.Medico");
this.especialidade = item.get("Documento.Especialidade");
this.unidade = item.get("Documento.UBS");
console.log(this.medicoid);
console.log(this.especialidade);
console.log(this.test);
console.log(this.unidade);
}
if (res.size != auxint)
auxString += ', ';
})
auxString += ']';
this.dataJSON = JSON.parse(auxString);
}).catch(err => {
console.log('Ocorreu um erro ' + err);
});
}
Всякий раз, когда я пытаюсь представить свою информацию таким образом, я получаю пустую страницу, я пытаюсь войти в консоль.информацию, которую я пытаюсь показать пользователю, и все хорошо, так что, вероятно, я неправильно отображаю ngFor