Javascript 如何在Firebase数组中使用ngTable分页
我正在尝试使用ngTable将数组信息组织到一个表中。我知道执行$scope.laundryData的长度将返回0,因此我创建了一个变量($scope.arrayLength),用于跟踪Firebase中数组的长度。问题是,使用分页按钮可以很好地显示表格,但它不进行分页。如果我选择10分页按钮,它仍然显示13个项目(列表中的所有项目)。我从中得到了$scope.tableParams 以下是观点:Javascript 如何在Firebase数组中使用ngTable分页,javascript,angularjs,pagination,firebase,ngtable,Javascript,Angularjs,Pagination,Firebase,Ngtable,我正在尝试使用ngTable将数组信息组织到一个表中。我知道执行$scope.laundryData的长度将返回0,因此我创建了一个变量($scope.arrayLength),用于跟踪Firebase中数组的长度。问题是,使用分页按钮可以很好地显示表格,但它不进行分页。如果我选择10分页按钮,它仍然显示13个项目(列表中的所有项目)。我从中得到了$scope.tableParams 以下是观点: <div class="containter text-center"> <
<div class="containter text-center">
<div class="row header">
<h2>Spending Reports</h1>
</div>
<table ng-table="tableParams" class="table">
<tr ng-repeat="laundry in laundryData | orderBy:'-$id'">
<td data-title="'Date'">{{laundry.date}}</td>
<td data-title="'User'">{{laundry.user}}</td>
<td data-title="'Loads'">{{laundry.loads || '-'}}</td>
<td data-title="'Refill'">{{(laundry.refill | currency) || '-'}}</td>
<td data-title="'Cost'">{{(laundry.cost | currency) || '-'}}</td>
<td data-title="'Balance'">{{(laundry.balance | currency) || '-'}}</td>
</tr>
</table>
</div>
支出报告
{{洗衣房日期}
{{laything.user}
{{laylory.loads | |'-'}}
{{{(洗衣房.重新充值|货币)| |'-'}}
{{(洗衣费、费用、货币){}
{{(洗衣房.结余|货币)| |'-'}}
尝试重复$data
而不是$scope。laundryData
:
<table ng-table="tableParams" class="table">
<tr ng-repeat="laundry in $data | orderBy:'-$id'">
<td data-title="'Date'">{{laundry.date}}</td>
<td data-title="'User'">{{laundry.user}}</td>
<td data-title="'Loads'">{{laundry.loads || '-'}}</td>
<td data-title="'Refill'">{{(laundry.refill | currency) || '-'}}</td>
<td data-title="'Cost'">{{(laundry.cost | currency) || '-'}}</td>
<td data-title="'Balance'">{{(laundry.balance | currency) || '-'}}</td>
</tr>
</table>
{{洗衣房日期}
{{laything.user}
{{laylory.loads | |'-'}}
{{{(洗衣房.重新充值|货币)| |'-'}}
{{(洗衣费、费用、货币){}
{{(洗衣房.结余|货币)| |'-'}}
我相信ngTable
在内部使用$data
来跟踪分页数组
<table ng-table="tableParams" class="table">
<tr ng-repeat="laundry in $data | orderBy:'-$id'">
<td data-title="'Date'">{{laundry.date}}</td>
<td data-title="'User'">{{laundry.user}}</td>
<td data-title="'Loads'">{{laundry.loads || '-'}}</td>
<td data-title="'Refill'">{{(laundry.refill | currency) || '-'}}</td>
<td data-title="'Cost'">{{(laundry.cost | currency) || '-'}}</td>
<td data-title="'Balance'">{{(laundry.balance | currency) || '-'}}</td>
</tr>
</table>