Twitter bootstrap 使用AngularJS从web api请求下一页结果

Twitter bootstrap 使用AngularJS从web api请求下一页结果,twitter-bootstrap,jsonp,angularjs,asp.net-web-api,Twitter Bootstrap,Jsonp,Angularjs,Asp.net Web Api,我使用的是一个web api,它提供了为我构建的分页结果,我可以在页面加载后通过控制器中的$resource服务获得第一页结果。这是预期的效果 在响应元中使用URL并将其挂接到Twitter引导分页控件时,如何分页到下一组结果 以下是我得到的JSON响应: { "results": [ { "some-data" }, { "some-data" } ], "meta": {

我使用的是一个web api,它提供了为我构建的分页结果,我可以在页面加载后通过控制器中的$resource服务获得第一页结果。这是预期的效果

在响应元中使用URL并将其挂接到Twitter引导分页控件时,如何分页到下一组结果

以下是我得到的JSON响应:

{
    "results": [
               { "some-data" },
               { "some-data" }
            ],
    "meta": {
              "totalRecords": 33,
              "pageSize":     10,
              "nextSet":      "http://api.domain.com/?action=whatever&pageSize=10&offset=10"
          }
}

我试图在回调时将下一个分页控件设置为meta中的URL,出于某种原因,我的控制器执行第一个请求以获取数据,然后尝试执行下一个集合的请求,但它不起作用。

类似于以下内容的操作应该会起作用

var WebApi = $resource('http://api.domain.com/');
$scope.action   = 'initial action for first page goes here';
$scope.pageSize = 10;
$scope.offset   = 0;
$scope.loadPage = function() {
    var serverData = WebApi.get( 
        {action: $scope.action, pageSize: $scope.pageSize, offset: $scope.offset}, 
        // calls http://api.domain.com/?action=<action>&pageSize=<pageSize>&offset=<offset>
        function() {
            // page data is in serverData.results
            $scope.model = serverData.results;
            // update $scope properties for next page: action, pageSize, offset
            $scope.action = ...
            ...
        }
    )
}
var WebApi=$resource('http://api.domain.com/');
$scope.action='第一页的初始操作转到此处';
$scope.pageSize=10;
$scope.offset=0;
$scope.loadPage=函数(){
var serverData=WebApi.get(
{action:$scope.action,pageSize:$scope.pageSize,offset:$scope.offset},
//召唤http://api.domain.com/?action=&pageSize=&offset=
函数(){
//页面数据位于serverData.results中
$scope.model=serverData.results;
//更新下一页的$scope属性:操作、页面大小、偏移量
$scope.action=。。。
...
}
)
}

能否提供一些编码示例?谢谢问题很可能出在您定义资源的方式上。谢谢Mark,我会尝试一下,并让您知道它对我的作用。上面的代码非常有用。我检查nextSet属性是否有值,以确定是否可以移动到下一页,然后在单击“下一步”时增加偏移量。然后,单击操作会更新模型,在回调中,我可以再次检查nextSet,还可以根据偏移量更新我的上一个分页按钮。“下一步”和“上一步”按钮更新偏移量,然后调用以更新模型。剩下的就是计算页面数量,并通过Twitter引导将其插入我的分页控件。很简单。再次感谢马克。