为每个角度api响应重新加载FooTable

Question

我使用AngularJS和FooTable在表格中显示数据。

更新FooTable内容时遇到问题。

这是超过10条记录

这是在没有记录的情况下进行更新。 FooTable显示分页

当我点击分页（2）时，会显示旧记录

这是在使用少于10条记录进行更新时。分页现在消失了。

我的FooTable是，

<table class="table" data-paging="true" data-filtering="true" data-sorting="true"  data-state="true">
    <thead>
        <tr>
            <th data-breakpoints="xs">Session ID</th>
            <th data-breakpoints="xs">Date</th>
            <th data-breakpoints="xs">Cost</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="(index,session) in sessions" class="panel" repeat-end="onEnd()" data-expanded="true">
            <td>
                <span ng-if="session.sid">{{session.sid}}</span>
            </td>
            <td>
                <span  ng-if="session.sid">{{session.date}}</span>
            </td>
            <td>
                <span  ng-if="session.cost_to_interviewer">{{session.cost_to_interviewer}}</span>
            </td>
        </tr>
    </tbody>
</table>

我第一次将FooTable初始化为

  

FooTable.init（＆＃39; .table＆＃39;，{}）;

响应（以对象形式）存储$scope.sessions。然后AngularJS将显示此内容。

我尝试调试但失败了。任何人都可以帮助我吗？

Answer 1

请为数据分页属性分配动态值。

在控制器中，将值分配给$ scope.sessions后，请添加以下代码。

 if($scope.sessions.length>0){
  $scope.dataPager = true;
 }else{
  $scope.dataPager = false
 };

并将此$ scope.dataPager分配给数据分页属性。

<table class="table" data-paging="dataPager" data-filtering="true" data-sorting="true" data-state="true">