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

时间:2015-05-19 05:06:30

标签: javascript html angularjs

我有一张包含next& amp;以前的页面。我可以使用next&amp ;;导航到下一页/上一页。以前的按钮。

在之前&下一页呼叫时的动作(控制器方法)我通过推入一个数组angular.forEach($scope.tickets, function(ticket) { if(ticket.checked) { $scope.checkedTicketIds.push(ticket.id); } }); 推送已检查的票证ID

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

HTML代码

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

在控制器上点击上一页按钮调用方法

{{1}}

如何在取消选中时弹出/删除ID&amp;我想维护已检查的票证ID以进行进一步的批量操作,例如更改一张/多张票证的状态。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

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

请看:

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

希望我帮助你。