如何使用角度graphql应用动态分页？

编程问答 2022-12-25

问题描述

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

component.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;
  })
}

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularapollo-angulargraphqlgraphqluikituikituikit