Javascript AngularJS-如何维护表的已检查票证ID

Javascript AngularJS-如何维护表的已检查票证ID,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个包含下一页和上一页的表格。我可以使用“下一页”和“上一页”按钮导航到下一页/上一页 在上一页和下一页的调用操作(控制器方法)中,我通过在数组$scope.checkedTicketIds中按下来按下已检查的票证ID angular.forEach($scope.tickets, function(ticket) { if(ticket.checked) { $scope.checkedTicketIds.push(ticket.id); } }); HTML代码是 &l

我有一个包含下一页和上一页的表格。我可以使用“下一页”和“上一页”按钮导航到下一页/上一页

在上一页和下一页的调用操作(控制器方法)中,我通过在数组
$scope.checkedTicketIds中按下来按下已检查的票证ID

angular.forEach($scope.tickets, function(ticket) {
  if(ticket.checked) {
    $scope.checkedTicketIds.push(ticket.id);
  }
});
HTML代码是

<div class="mail-tools tooltip-demo m-t-md">
    <div class="btn-group pull-right">
        <button ng-click="previousPage()" ng-disabled="previousPageBtnDisabled()" class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i></button>
        <button ng-click="nextPage()" ng-disabled="nextPageBtnDisabled()" class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i></button>
    </div>
    <div class="input-group">
        <div class="input-group-btn" dropdown>
            <button ng-disabled="ticketsChecked()" class="btn btn-white dropdown-toggle pull-left" dropdown-toggle type="button">{{'ACTIONS' | translate}} <span class="caret"></span></button>
            <ul class="dropdown-menu pull-left">
                <li ng-repeat="(key, value) in actions"><a ng-click="convertAction(key)">{{key | translate}}</a></li>
            </ul>
        </div>
    </div>
</div>

如何在取消选中时弹出/删除id&我想为进一步的批量操作维护选中的票证id,比如更改一张/多张票证的状态。我如何做到这一点?

我使用一个独立的检查列表在jsbin上实现了一个示例

请看:


希望我能帮助您。

您能添加一些显示控制器/指令的简化html代码吗?这将帮助我们找到帮助您的最佳方式(有很多方法可以使用角度)@Deblaton Jean-Philippe I更新问题谢谢Joaozito Polo的回答。这对我的帮助远不止一个答案。
    $scope.previousPage = function() {
        angular.forEach($scope.tickets, function(ticket) {
            if(ticket.checked) {
                $scope.checkedTicketIds.push(ticket.id);
            }
        });

        $scope.ticketsUpdatedQueryCriteria.page = --$scope.page;
                    Tickets.query($scope.ticketsUpdatedQueryCriteria).then(function(tickets) {
                    $scope.tickets = tickets.data;
                    $scope.ticketsPageData = tickets.cursor; 
       });
    };