Ioni c, Angular и Firebase не передают данные

Question

Я разрабатываю приложение на Ioni c, Angular с Firebase. У меня проблемы с некоторыми страницами, которые иногда ищут данные, иногда не ищут, мне нужно снова войти на страницу, чтобы перечислить данные, в первый раз, редко ищу данные.

Где находится это неправильно? Извините за мой Engli sh.

home.page.ts

ngOnInit() {
  this.Listar_Meus_Cartoes(localStorage.getItem('userId'));
}

Listar_Meus_Cartoes(iduser) {
    this.Service.presentLoading();
    this.db.collection('cartaousuario')
      .where("idusuario", "==", iduser)
      .orderBy("datacadastro", "desc")
      .onSnapshot(
        querySnapshot => {
          let arrc = [];

          querySnapshot.forEach(function (doc) {
            var obj = JSON.parse(JSON.stringify(doc.data()));
            obj.id = doc.id;
            //obj.eventId = doc.id;
            arrc.push(obj);
          });

          if (arrc.length > 0) {
            this.listCartoesUser = arrc;
            this.messagee = '';

          } else {
            this.messagee = "No Data";
          }
        },
        err => {
          console.log(`Error: ${err}`);
        }
      );


  }

home.page. html

<ion-card>

    <ion-item *ngFor="let item of listCartoesUser;let i = 'index'" striped="true"
      [routerLink]="['/cartao/'+item.id+'']">
      <ion-thumbnail>
        <img src="../parceiros/dolciicon.jpg" width="32">
      </ion-thumbnail>
      <ion-label style="font-size: 10px;">
        <p>{{item.premio}}</p>{{item.empresa}}
      </ion-label>

      <ion-button color="dark">
        <ion-icon slot="icon-only" name="star-sharp"></ion-icon>
        <ion-label>{{item.pontoscompletados}}/{{item.pontoscompletar}}</ion-label>
      </ion-button>

    </ion-item>
  </ion-card>

Ошибка не возникает , данные не извлекаются только при первом доступе к странице.