AngularJS - How to maintain validated ticket ids in a table

I have a table containing the next and previous pages. I can go to next / previous pages with the next and previous buttons.

On the previous and following pages of Calling Actions (Controller Methods) I click the checkboxes with the validated ticket ids by inserting an array $scope.checkedTicketIds

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

      

HTML code

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

      

In the controller when clicking the call method call the previous page

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

      

How can I delete / remove an ID and I want to keep the verified ticket IDs for further bulk actions, like changing the status of one or more tickets. How can i do this?

+3


source to share


1 answer


I am implementing a jsbin example using an independent checklist.

Please have a look:



http://jsbin.com/rudifa/3/

Hope I can help you.

0


source







All Articles