javascript - 使用 AngularJS 加载下一组内容

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;
});

编辑:为了澄清“decrement()”和“increment()”还没有做任何事情，我试图让这些函数加载下一组数据，所以从“/file/50/0”开始-> “/文件/50/1”。或者“文件/50/1”->“文件/50/0”。

Answer 1

pageYou can Use this like'

 <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>

`

在你的 Controller 中你可以添加这个

$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;
});
}