Question

您好我正在使用Angular 5开发神奇宝贝网络，我需要一些帮助来修复我的Material Angular 2 Paginator和Firestore。

我将数据查询限制为仅显示8

我的问题是，如果我点击查看之前的数据，我就不知道如何返回。

我在Cloud Firestore文档https://firebase.google.com/docs/firestore/query-data/query-cursors#paginate_a_query

中进行了此操作

这是我的代码

page(event?: PageEvent) {
    console.log(event);
    this.todosCollection = this.afs.collection('entradas', ref => {
      ref.orderBy('fecha', 'desc').startAfter(this.lastVisible).limit(3).get().then( (documentSnapshots) => {
        // Get the last visible document
        console.log(documentSnapshots)
        console.log(documentSnapshots.docs)
        this.lastVisible = documentSnapshots.docs[documentSnapshots.docs.length - 1];
        // console.log('last', this.lastVisible);
      });
      return ref.orderBy('fecha', 'desc').startAfter(this.lastVisible).limit(3);
    }); // reference

    this.todos = this.todosCollection.valueChanges();
  }

当'Todos'表示'AllPost'并且PageEvent返回例如{pageIndex: 0, pageSize: 10, length: 100}

我想知道如何在pageIndex 0中显示前3个项目，在pageIndex 1中显示接下来的3个项目但如果我回去并按下prev按钮，pageIndex将为0并且我想显示前3个物品。

感谢read = D

如何使用Angular Material 2 Paginator对Firebase Firestore进行分页？

0 个答案: