Question

我最近一直在与Angular合作，而我正在努力解决这个问题。我的API路线是

file/50/0

其中50是要返回的项目数，0是页码。虽然我在尝试实施Angular流程以将信息更改为

时遇到了麻烦

file/50/1

我正在尝试为此实现Ng-Click指令（因为我的用户想要一个按钮）。我在表格格式中使用ng-repeat来显示数据

这是我的表：

<table>
    <tr ng-repeat="information in app.info">
        <td>{{information.uuid}}</td>
        <td>{{information.publisher}}</td>
    </tr
</table>

我希望实现以下方面的内容：

<button ng-click="decrement()"> Decrement </button>
<button ng-click="increment()"> Increment </button>

我原来的API调用也是

$http.get("/file/50/0")
.success(function(data){
    app.info=data;
});

编辑：澄清＆＃34;减量（）＆＃34;和＆＃34;增量（）＆＃34;我还没做什么，我试图让这些功能加载下一组数据，所以从＆＃34; / file / 50/0＆＃34; - ＆gt; ＆＃34; /文件/ 50/1＆＃34 ;.或者＆＃34; file / 50/1＆＃34; - ＆gt; ＆＃34;文件/ 50/0＆＃34;

Answer 1

page你可以像这样使用它 “

 <table>
        <tr ng-repeat="information in app.info">
            <td>{{information.uuid}}</td>
            <td>{{information.publisher}}</td>
        </tr>
      <button ng-click="getData('{{page}}'+1)"> Decrement </button>
      <button ng-click="getData('{{page}}'-1)"> Increment </button>
    </table>

`

在您的控制器中，您可以添加此

$scope.page= 0;//get the first page, always check with min and max values of pages
$scope.getData= function(page){
$http.get("/file/50/"+page).success(function(data){
 app.info=data;
 $scope.page= page;
});
}

使用AngularJS加载下一组内容

1 个答案: