Angular 材质虚拟重复 ajax 请求第 2 页虽然没有第 2 页

Question

我有一个角度虚拟中继器，它在大多数情况下都能正常工作，但有时，根据我猜的项目计数，它会对服务器进行二次分页调用，尽管没有第二页。

例如，我的页面大小设置为 50。ajax 调用返回 36 个项目，我将内部更新如下：

 $http.get(url).success(function (data) {
     this.numItems = data.result.pagination.totalRecords;
     var items = data.result.departments; 
     ....// (I also tried changing the order of these lines)
     }).bind(this)

然后，列表会显示片刻，然后是对下一页的第二次 ajax 调用。它什么也不返回，由于我的服务器端代码，分页也是 0，最终删除了现有数据。

现在，即使请求了超出范围的页码，我也可以修改服务器端以返回行数，但我宁愿解决触发第二个 ajax 分页调用的问题，当显然没有更多时要显示的数据。

当只有一页时，大约有一半的时间会出现此问题。我的意思是，我一直单击刷新列表的按钮，有时它显示正常，有时不显示。

我使用的是 1.1.1/angular-material，中继器在全高 flex div 中。

谢谢

Answer 1

您的 this.numItems 绑定到您的回调 function (data){}); 而不是父函数。尝试声明类似var self = this:

var self = this;
$http.get(url).success(function (data) {
 self.numItems = data.result.pagination.totalRecords;
 var items = data.result.departments;

您仍然可能需要添加一些逻辑来检查外部某处的numItems。