如何解决如何使用角度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 举报,一经查实,本站将立刻删除。