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

【问题标题】：Reload FooTable for each angular api response为每个角度 api 响应重新加载 FooTable
【发布时间】：2017-06-12 05:03:24
【问题描述】：

我正在使用 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会显示这个内容。

我尝试调试但失败了。谁能帮帮我？

【问题讨论】：

嗨，您可以在其中添加寻呼机的标签，或者它是内置寻呼机以及表格代码。你也可以分享一下吗？
嗨@AlexisToby，感谢您的快速回复。如果我错了，我很抱歉，你的意思是 'data-paging="true" ' ??我只在表中提到。除了上面提到的之外，没有添加任何代码。
您好，没问题，您能否分享一下您为 $scope.sessions 赋值的函数代码。我们可以在那里添加验证。
这是代码 sn-p: $http.get(baseAuth.getUrl(), {headers: headers}) .then(function(response){ $scope.sessions = response. data.sessions; $scope.totalScheduled = response.data.total_scheduled_count; $scope.totalSuccess = response.data.success_count; },function(response){ console.log("获取会话详细信息时出错"); console.log(响应）；}）；
请在此处找到代码chopapp.com/#rglyjvan

标签： angularjs pagination footable

【解决方案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">

【讨论】：

我理解这个逻辑并尝试过。但它不起作用，并且没有分页显示所有结果。因此，10 多个结果也同时显示在一张照片中。
您是否根据情况检查了 $scope.dataPager 的值是否符合预期？