angularjs - 以相反的顺序列出项目时反转 $index

Question

我偶然发现了这篇关于如何反转数组显示的帖子，当我尝试这样做时它工作正常。 angular ng-repeat in reverse

但是...然后我列出的项目是可编辑的，当我反转数组时，$index 不会被反转，所以当我编辑列出的 1 个项目时，编辑发生在另一个包含正确索引的项目中。

那么我如何确保我的 $index 也被反转了？

所以代码看起来像这样

<form action="" method="post" autocomplete="off" ng-controller="itemCtrl">
 <input type="text" name="createitem" ng-model="item" />
 <button ng-click="addItem(item)">Add item</button>
 
    <ul>
       <li ng-repeat="item in items | reverse">
            <h2>{{item.title}}</h2>
        </li>
    </ul>
</form>

var itemApp = angular.module('itemApp', []);

itemApp.filter('reverse', function() {
 return function(items) {
  return items.slice().reverse();
 };
});

itemApp.controller('itemCtrl', function ($scope) {

            $scope.items = [];

            $scope.addItem = function(item){
                $scope.items.push({
                    title: item
                });

            };

Answer 1

这是我正在使用的。
您只需要将数组长度减去当前 $index :

{{myArray.length - $index}}