0

我有一个使用 apollo-angular 的带有 graphql 的 Angular 项目。我想实现动态分页来查看我的帖子。我想每页显示 2 个帖子。我怎么能用 UIkit 做到这一点？我不知道如何start在我的查询变量中设置选项

组件.ts

 ngOnInit(): void {


this.queryArticles = this.apollo.watchQuery({
  query: ARTICLES_QUERY,
  variables: {
    start: 0,
    limit: 2,
  }
})
  .valueChanges.subscribe(result => {
    this.data = result.data;
    this.articles = this.data.articles;
    this.loading = result.loading;
    this.errors = result.errors;
  })
}

组件.html

<ul class="uk-pagination uk-flex-center" uk-margin>
 <li><a href="#"><span uk-pagination-previous></span></a></li>
 <li><a href="#">1</a></li>
 <li class="uk-disabled"><span>...</span></li>
 <li><a href="#">5</a></li>
 <li><a href="#">6</a></li>
 <li class="uk-active"><span>7</span></li>
 <li><a href="#">8</a></li>
 <li><a href="#"><span uk-pagination-next></span></a></li>
</ul>
4

0 回答 0