如何使用 Angular 11 对 Django REST API 进行分页？

Question

我正在尝试使用 Angular 11 使用 Django REST 分页对象。我不是一个完全编码的菜鸟，但我对 Angular 很陌生。

目前我的 Django REST api 配置为每 6 个项目分页，对象中的项目总数为 10。然后 Django 输出一个“下一个”URL，该 URL 可以与 Django 的字符串插值功能一起使用，但并不那么容易计算使用 Angular。

我密切关注本教程，不仅因为它具有几乎完整的代码块，还因为它是我可以在 Google 上找到的唯一一个处理 Django REST API 和 Angular 分页的完整代码示例： Link to other stackoverflow question dealing with this same issue, but remains unreasolved

Django API 输出这个对象： Django REST API Paginated output

我的 Angular 模型是这样的： Angular model

我的分页服务： My pagination service

我的组件： Component I'm trying to paginate

我的渲染结果： The browser's rendered result

还有控制台错误信息： ERROR TypeError: Cannot read property 'results' of undefined

任何帮助将不胜感激！

Answer 1

您的 API 响应是

{
   results: []
}

您使用响应的方式是response.data.results。属性data 在响应中不存在。