android - 在 ionic 4 上使用通过 firebase 登录的用户数据

Question

我是一个使用 的应用程序的孩子，Ionic 4我的应用程序已经使用 登录并使用。我创建了一个评论页面，评论已经被保存并显示在页面上。哇，我得到登录的用户数据并将其插入此页面。注释？EmailFacebookGoogleFirebaseFirestore

我使用了以下解决方案：

JS：在构建器中

fireAuth.user.subscribe((data => {
  this.user = data;
}));

方法

listarComentarios() {
this.crudService.read_Comentarios().subscribe(data => {

  this.comentarios = data.map(e => {
    return {
      id: e.payload.doc.id,
      isEdit: false,
      Comentario: e.payload.doc.data()['Comentario'],
      Usuario: e.payload.doc.data()['Usuario'],
      Foto: e.payload.doc.data()['Foto']
    };
  })
  console.log(this.comentarios);
});

CreateRecord() {
let record = {};
record['Comentario'] = this.comentarioUsuario;
record['Usuario'] = this.user.displayName
record['Foto'] = this.user.photoURL
this.crudService.create_NewComentario(record).then(resp => {
  this.comentarioUsuario = "";
  this.user.displayName = "";
  this.user.photoURL = "";
  console.log(resp);
})
  .catch(error => {
    console.log(error);
  });

HTML：

    <ion-content>
  <ion-grid *ngFor="let item of comentarios">
      <span *ngIf="!item.isEdit; else elseBlock">
    <!-- this rows will represent sample comments -->
    <ion-row class="post-content">

      <ion-col size="2" >
        <ion-avatar class="ion-align-self-start">
          <img class="icon-photo" [src]="item.Foto">
        </ion-avatar>
      </ion-col>
      <ion-col size="6">
        <div>
          <p><strong>{{item.Usuario}} </strong>{{item.Comentario}}</p>
        </div>
      </ion-col>
      <ion-col>

标签： androidfirebaseionic4