如何对angularJS表中的自动递增序列号列进行排序？
如何对angularjs表中的自动递增序列号列进行排序 我有一个自动递增的序列号列，我需要对该列进行排序 我的源代码是如何对angularJS表中的自动递增序列号列进行排序？,angularjs,sorting,angularjs-orderby,Angularjs,Sorting,Angularjs Orderby,如何对angularjs表中的自动递增序列号列进行排序 我有一个自动递增的序列号列，我需要对该列进行排序 我的源代码是 <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller=
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<table>
<thead>
<tr>
<th>S.No.</th>
<th><a href="" ng-click="orderByField='Name'; reverseSort = !reverseSort">Name</a></th>
<th><a href="" ng-click="orderByField='DOB'; reverseSort = !reverseSort">D.O.B.</a></th>
</tr>
</thead>
<tr ng-repeat="x in names | orderBy:orderByField:reverseSort">
<td>{{ $index + 1 | number }}</td>
<td>{{ x.Name }}</td>
<td><span ng-if="x.DOB">{{ formatDate(x.DOB) | date:'dd-MM-yyyy' }}</span></td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
$scope.names = [
{ Name: 'Jani', DOB: '' },
{ Name: 'Hege', DOB: '1995-05-07' },
{ Name: 'Kai', DOB: '1995-08-24' }
];
$scope.formatDate = function (date) {
return new Date(date);
};
});
</script>
</body>
</html>
没有。
{{$index+1 | number}
{{x.Name}
{{formatDate（x.DOB）}日期：'dd-MM-yyyy'}
var-app=angular.module（'myApp'，[]）；
app.controller（'customersCtrl'，函数（$scope，$http）{
$scope.names=[
{姓名：'Jani'，出生日期：'}，
{姓名：'Hege'，DOB:'1995-05-07'}，
{姓名：'Kai'，出生日期：'1995-08-24'}
];
$scope.formatDate=函数（日期）{
返回新日期（日期）；
};
});
{$index+1}{$index+1}angular.module（'myApp'，[]）.controller（'namesCtrl'，function（$scope）{
$scope.names=[
{姓名：'Jani'，国家：'Norway'}，
{姓名：'Carl'，国家：'Sweden'}，
{姓名：'Margareth'，国家：'England'}，
{姓名：'Hege'，国家：'Norway'}，
{姓名：'Joe'，国家：'Denmark'}，
{姓名：'Gustav'，国家：'Sweden'}，
{姓名：'Birgit'，国家：'Daneman'}，
{姓名：'Mary'，国家：'England'}，
{姓名：'Kai'，国家：'Norway'}
];
$scope.orderByMe=函数（x）{
$scope.myOrderBy=x；
}
});
表trth{
光标：指针；
}
表tr th：悬停{
背景：ddd；
}
单击表格标题以更改排序顺序：
序号
名称
国家
{{$index+1}}
{{x.name}
{{x.country}
在Angular 2+中，您可以这样使用：
<div *ngFor="let item of items; let ndx = index">
<div>{{ndx+1}}</div>
</div>
{{ndx+1}}
您要添加的序列号是否应该是项目的一部分？我的意思是，第一件物品（你的情况是Jani）应该有一个Sl 1号。或者S号只是显示行数？默认情况下，它从1开始，然后简单地增加行数。谢谢您的努力。但是我无法对列“Sl.No”进行排序。你能检查一下吗？对不起@B.Balamanigandan我不明白你说的Sl是什么意思。没有排序。？它已经按自动递增的顺序加载了。在您必须按每个标题进行排序后。。？？请解释您想如何对Sl.no进行排序？？我的意思是如果你想排序sl.no。基于姓名或国家。。？？？？