AngularJS - ng-repeat多次显示单个记录
AngularJS - ng-repeat Showing single records Multiple Times
我正在使用AngularJS。我从ng-repeat
那里得到了奇怪的行为。我有一个控制器,它将数据返回给ng-repeat
,例如:
.....
//My other JS Functions
.....
var app = angular.module('main', ['ngTable']).
controller('DemoCtrl', function($scope, ngTableParams) {
var data = [
//data in JSON form
];
$scope.tableParams = new ngTableParams({
page: 1, // show first page
count: 5 // count per page
}, {
total:data.length,
getData: function($defer, params) {
var slicedData = data.slice((params.page() - 1) * params.count(), params.page() * params.count());
alert(slicedData.length);
console.log(slicedData);
$defer.resolve(slicedData);
}
});
})
那么,现在有一件事要注意的是,我得到了预期的数据切片后,我传递给:
$defer.resolve(slicedData);
所以,这里似乎没有问题,因为它传递所需的数据。现在,我有ng-repeat
,我在表的形式显示数据,如:
<table ng-table="tableParams" class="table ng-table-responsive">
<tr ng-repeat="d in $data">
<td data-title="Name">
{{d.id}}
</td>
<td data-title="length">{{$data.length}}</td>
<td data-title="Age">
{{d.ciscoID}}
</td>
</tr>
</table>
所以,这里我得到的精确长度是5。但是显示的记录(行)的数量是25(5*5),每一行显示5次。类似地,如果我将计数设置为10,则每条记录将显示10次。
我无法理解这个场景
<td data-title="length">{{$data.length}}</td>
给了我正确的长度,那么它也应该正确地迭代。
注:我的getData()
方法在控制器被调用两次不知道为什么?
任何关于这方面的帮助/指导将非常感谢。谢谢:-)
通过将'JS'和'CSS'文件替换为最新的文件来修复此问题。
相关文章:
- 在 Webix 中显示单个整数
- 带有
标记的 jQuery 分页显示单个页面中的所有页面,如果它里面有其他标记
- Javascript/JQuery 显示单个席位的总成本
- 使用角度谷歌地图无法将点击事件绑定到用于显示单个窗口的标记
- 突出显示单个字符,然后将屏幕刷新为仅这些字符
- 使用LinkTo显示单个对象
- 角度视图(如果未经过身份验证)显示单个视图
- jQuery每个循环-显示单个项目
- Angular JSON显示单个结果,无需Ng重复过滤器
- 在谷歌地图api重叠的情况下,只显示单个标记
- AngularJS - ng-repeat多次显示单个记录
- 如何在Angular/Express/MongoDB应用中通过其ID显示单个博客文章
- 折线图Y轴值不显示单个数据
- log(array)显示不同的数组内容,而不是迭代数组并显示单个元素
- 在jQuery流图上添加或突出显示单个点
- 仅显示单个州和完整美国县地图中的县
- 在Bootstrap选项卡中显示单个bxslider
- 如何在地图框上显示单个特征弹出
- 在鼠标悬停的工具提示中显示单个项目的详细信息
- D3:如何在折线图中显示单个点