微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何使用角度graphql应用动态分页?

我有一个使用 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 举报,一经查实,本站将立刻删除。