如何用Angular11分页Django REST API？

Question

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

目前我的Django REST api被配置为每6个项目分页，对象中的总项目是10个。然后Django输出一个"next“URL，它可以很好地使用Django的字符串插值功能，但使用Angular就不那么容易了。

我密切关注了这篇教程，不仅因为它有几乎完整的代码块，还因为它是我能在谷歌上找到的处理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 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。