Angularjs 如何使用Angular'；s UI引导分页指令

大家好，我们想用Angular的UI引导分页指令进行服务器端分页。我们知道如何创建一个RESTful端点来为服务器上的页面提供服务，但没有看到任何关于如何将该端点连接到Angular的UI引导分页指令的文档。

请参阅下面的小演示

angular.module（'app'，['ui.bootstrap']）；
角度.module（'app'）.controller（'PaginationDemoCtrl'，函数（$scope，$http）{
$scope.currentPage=1；
$scope.limit=10；
$scope.tracks=[]；
getData（）；
函数getData（）{
$http.get（“https://api.spotify.com/v1/search?query=iron+&offset=“+（$scope.currentPage-1）*$scope.limit+”&limit=20&type=artist”）
.然后（功能（响应）{
$scope.totalItems=response.data.artists.total
复制（response.data.artists.items，$scope.tracks）
});
}
//更改页面上的另一部分数据
$scope.pageChanged=函数（）{
getData（）；
};
});

示例服务器分页


{{track.name}


angular.module（'app'，['ui.bootstrap']）；
角度.module（'app'）.controller（'PaginationDemoCtrl'，函数（$scope，$http）{
$scope.currentPage=1；
$scope.tracks=[]；
getData（）；
函数getData（）{
$http.get（“https://ws.spotify.com/search/1/track.json?q=kaizers+orchestra&page=“+$scope.currentPage”）
.然后（功能（响应）{
$scope.totalItems=response.data.info.num\u结果
复制（response.data.tracks，$scope.tracks）
});
}
//更改页面上的另一部分数据
$scope.pageChanged=函数（）{
getData（）；
};
});

示例服务器分页

{{track.name}

--非常详细-模型是当前页面，因此每次更改事件都会向服务器发回请求，获取该页面的列表，并将其显示在容器中。感谢链接！那个api链接不再起作用了。请更新AngularUI Bootstrap（1.3.2）的上一个版本，它使用
指令而不是
@sylvest。我需要发送请求，比如跳过项目。例如，
apirl？skip=10
意味着它将跳过前10个。那么如何使用angular ui来实现呢bootstrap@codelearner将getData函数中的请求从$http.get（“+$scope.currentPage”）更改为APIRL？skip=$scope.currentPage*10@sylwester，初始值应为零。因此，如果我将$scope.currentPage发送为零。它不会每次都递增