我正在使用 angular ng-flow 组件进行文件上传，除了一些细微差别之外，它的工作非常好。我希望能够将我尝试上传的新文件放在列表顶部而不是列表底部，这样用户就可以清楚地看到最新上传的文件。我尝试通过命令使用角度顺序，但与将新文件添加到列表相比，除非它是现有列表，否则这似乎不起作用。
基本上，一旦完成，我会为每个文件创建一个新行并打印出文件详细信息：
<tr ng-repeat="file in $flow.files | orderBy:'file.name'" ng-hide="file.isComplete()">
上传前的列表如下所示：
老1 老2 老3
然后我添加一个新文件，我看到了：
老1 老2 老3 新的1
当我想要时：
新的1 老1 老2 老3
这可能更像是一个关于使用 Angular 的 ng-repeat 功能来处理添加到列表中的新项目的问题。
【问题讨论】：
标签： angularjs ng-repeat flow ng-flow
要使用orderBy过滤器，只需让过滤器中的属性，如下：
<tr ng-repeat="file in $flow.files | orderBy: 'name'" ng-hide="file.isComplete()">
编辑
由于您想按时间顺序对项目进行排序，它应该会给您预期的结果：
<tr ng-repeat="file in files | orderBy: '$index': true">
这是一个 sn-p 工作：
var app = angular.module('app', []);
app.controller('mainCtrl', function($scope) {
$scope.files = [
{
"id":1,
"name":"Old1"
},
{
"id":2,
"name":"Old2"
},
{
"id":3,
"name":"Old3"
}
];
var increment = 1;
$scope.push = function (name) {
$scope.files.push({ "id": increment + 3, "name": name + increment++ })
}
});<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>
<body ng-controller="mainCtrl">
<p>Before Filter:
<table>
<tr ng-repeat="file in files">
<td ng-bind="file.name"></td>
</tr>
</table>
<hr />
<p>After Filter:
<table>
<tr ng-repeat="file in files | orderBy: '$index': true">
<td ng-bind="file.name"></td>
</tr>
</table>
<hr>
<button type="button" ng-click="push('New')">Add new file</button>
</body>
</html>【讨论】：
ng-repeat 提供。你能做一个简单的演示来演示你的问题吗？
你可以像这样使用过滤器来实现逆序打印arrai
app.filter('reverse', function() {
return function(items) {
return items.slice().reverse();
};
});
然后可以像这样使用：
<tr ng-repeat="file in $flow.files | reverse" ng-hide="file.isComplete()">
【讨论】：
<tr ng-repeat="file in $flow.files | orderBy:'file.name':true" ng-hide="file.isComplete()">，结果与预期的结果完全不同：“old1 old2 old3 new1”。