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

Question

我正在使用 ionic 制作 web 聊天应用程序，但在显示/加载多少条消息时遇到问题。 我从数据库加载消息的代码是这样的：

<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>

有了这个，我从数据库上的第一条消息加载到消息[slice]，当我加载更多项目时，我只是增加了 slice 的价值，但我不知道该怎么做就是只加载，例如，最后 10 条消息，然后在新消息到来时加载它们

Answer 1

如果有人遇到同样的问题，我只是从索引中加载消息（取决于有多少 msg，它的大小会有所不同），如下所示： *ngFor="let message of messages | slice: ind:messages.length" （当推送一条新消息，它需要做ind--添加 1 条消息，否则它不会显示在那里加载的第一条消息）