Ионное ионное оповещение не получило значение перед отображением сообщения - PullRequest
Новая
       14

Ионное ионное оповещение не получило значение перед отображением сообщения

0 голосов
/ 06 апреля 2019

Я пытаюсь показать какое-то сообщение через ion-alert после получения данных по getTask(taskId).Но, кажется, он показывает диалоговое окно с предупреждением до возврата данных, поэтому this.item в message показывает undefined.

Как я могу убедиться, что данные возвращены перед отображением диалогового окна с предупреждением?

list.page.ts 

  items: Array<any>;
  item: any;

  constructor(
    public loadingCtrl: LoadingController,
    private authService: AuthService,
    private router: Router,
    private route: ActivatedRoute,
    private firebaseService: FirebaseService,
    private alertCtrl: AlertController,
  ) { }

  async delete(clickedItem: any) {
    let itemId = clickedItem.payload.doc.id;
    this.firebaseService.getTask(itemId)
            .then(data => {
                this.item = data;
            }, err => {
                console.log(err);
            });

    const alert = await this.alertCtrl.create({
      header: 'Confirm',
      // this.item is undefined here
      message: 'Do you want to delete ' + this.item.title + '?',
      buttons: [
        {
          text: 'No',
          role: 'cancel',
          cssClass: 'secondary',
          handler: () => {}
        },
        {
          text: 'Yes',
          handler: () => {
            this.firebaseService.deleteTask(itemId)
            .then(
              res => {
                this.router.navigate(["/list"]);
              },
              err => console.log(err)
            )
          }
        }
      ]
    });
    await alert.present();
  }

firebase.service.ts 

getTask(taskId){
    return new Promise<any>((resolve, reject) => {
      this.afAuth.user.subscribe(currentUser => {
        if(currentUser){
          this.snapshotChangesSubscription = this.afs.doc<any>('people/' + currentUser.uid + '/tasks/' + taskId).valueChanges()
          .subscribe(snapshots => {
            resolve(snapshots);
          }, err => {
            reject(err)
          })
        }
      })
    });
  }

1 Ответ

1 голос
/ 06 апреля 2019

Попробуйте: 

  async delete(clickedItem: any) {
    let itemId = await clickedItem.payload.doc.id;
    await this.firebaseService.getTask(itemId)
            .then(data => {
                this.item = data;
            }, err => {
                console.log(err);
            });

    const alert = await this.alertCtrl.create({
      header: 'Confirm',
      // this.item is undefined here
      message: 'Do you want to delete ' + this.item.title + '?',
      buttons: [
        {
          text: 'No',
          role: 'cancel',
          cssClass: 'secondary',
          handler: () => {}
        },
        {
          text: 'Yes',
          handler: () => {
            this.firebaseService.deleteTask(itemId)
            .then(
              res => {
                this.router.navigate(["/list"]);
              },
              err => console.log(err)
            )
          }
        }
      ]
    });
    await alert.present();
  }

Или Вы также можете попробовать 

async delete(clickedItem: any) {
        let itemId = await clickedItem.payload.doc.id;
        this.firebaseService.getTask(itemId)
                .then(async data => {
                    this.item = data;
 const alert = await this.alertCtrl.create({
          header: 'Confirm',
          // this.item is undefined here
          message: 'Do you want to delete ' + this.item.title + '?',
          buttons: [
            {
              text: 'No',
              role: 'cancel',
              cssClass: 'secondary',
              handler: () => {}
            },
            {
              text: 'Yes',
              handler: () => {
                this.firebaseService.deleteTask(itemId)
                .then(
                  res => {
                    this.router.navigate(["/list"]);
                  },
                  err => console.log(err)
                )
              }
            }
          ]
        });
        await alert.present();
                }, err => {
                    console.log(err);
                });

      }
...