使用“ ToastController”显示通知列表

时间:2019-07-18 18:05:01

标签: angular firebase ionic-framework

我需要在进入主屏幕后立即通知用户,这是Firebase集合中的消息列表,将显示的字段为“文本”。但是,我只会在“已读”字段中将它们显示的消息显示为false。收到消息后,此消息的“已读”字段将设置为true,因此该消息将不再对用户显示。我的问题是,当我显示消息时,他只在搜索此集合中的最后一个文档。例如,我要显示3条消息,而系统仅显示第3条消息。

服务=>

getMensagem() {
    return this._angularFirestore
      .collection(`usuario/${this.user.uid}/mensagem`,
        ref => ref.where('lida', '==', false))
      .valueChanges({ idField: 'id' });
  }

Inicio.page =>

ngOnInit(): void {
    this._usuarioService.getMensagem()
      .pipe(takeUntil(this.unsubscribeAll))
      .subscribe(mensagens => {
        mensagens.forEach(async str => {
          await this.presentToast(str.texto);
        });
      });
  }

async presentToast(message) {
    const toast = await this._toastController.create({
      message: message,
      duration: 3000,
      position: 'top'
    });

    toast.present();
  }

我需要他在彼此之间呈现信息。有可能吗?

1 个答案:

答案 0 :(得分:0)

离子烤面包机并非旨在以堆叠形式显示多个烤面包消息。如果只有两个吐司消息,并且只有第一个吐司之后,则将显示第二个吐司消息。