为每个角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(‘..table’，{})；

响应(以对象形式)存储$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">