Ionic 如何在typescript中加载X聊天消息?

zpf6vheq  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(183)

我正在用ionic制作一个网络聊天应用程序,我在显示/加载多少条消息方面遇到了麻烦。我从数据库加载消息的代码如下:

<ion-item *ngFor="let mesage of messages | slice: 0:slice" class="msg">
      <ion-row>
        <ion-text color="tertiary"><b>{{ mesage.user }}: &nbsp;</b></ion-text>
        <ion-text color="secondary"> {{ mesage.text }}</ion-text>
      </ion-row>
    </ion-item>

这样,我就从数据库中的第一条消息开始加载到message[slice],当我加载更多项时,我只是增加slice的valor,但是我不知道该怎么做,例如,只加载最后10条消息,然后在新消息到来时加载它们

f1tvaqid

f1tvaqid1#

如果有人遇到同样的问题,我只是从一个索引(取决于有多少msg,它的大小不同)加载消息,如下所示:*ngFor="let message of messages | slice: ind:messages.length"(推送新消息时,需要执行ind--来添加1条消息,否则不会显示加载到此处的第一条消息)

相关问题