angular的repeat排序问题

最新推荐文章于 2019-10-17 15:16:47 发布

不爽的麻雀

最新推荐文章于 2019-10-17 15:16:47 发布

阅读量940

点赞数

分类专栏： js angular 排序 repeat 前端文章标签： js angular 排序 ng-repeat repeat

本文链接：https://blog.youkuaiyun.com/qq_41605091/article/details/86004588

版权

js 同时被 3 个专栏收录

16 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

angular

2 篇文章

订阅专栏

本文介绍了一种在AngularJS中使用多个并列的ng-repeat指令实现连续循环序号的方法，通过自定义函数preIndex计算累积的项目数量，确保每个项目都有一个全局唯一的序号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多个并列的循环序号连续
HTML：

<div ng-repeat="line in line_list" ng-init="pre_index = preIndex($index)" style="border:1px solid #000">
	<div ng-repeat="item in line.item_list">
			<span>{{pre_index + $index + 1}}</span>
			<span>{{item.text}}</span>
	</div>
</div>

JS:

$scope.preIndex = function(index){
	if(index == 0)return 0;
	var preIndex = 0;
	for(var i = 0 ; i < index ; i++){
		preIndex += $scope.line_list[i].item_list.length;
	}
	return preIndex;
}
$scope.line_list = [
	{
		item_list:[
			{text:"1"},
			{text:"2"},
			{text:"3"},
		]
	},
	{
		item_list:[
			{text:"4"},
			{text:"5"},
			{text:"6"},
		]
	},
	{
		item_list:[
			{text:"7"},
			{text:"8"},
			{text:"9"},
		]
	}
];