Question

我在这篇帖子中详细说明了如何反转数组的显示，当我尝试这样做时工作正常。 angular ng-repeat in reverse

然而......那么主题我可以编辑，当我反转数组时，$ index没有被反转所以当我编辑列出的1项时，编辑发生在另一个持有的项目中正确的指数。

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

所以代码看起来像这样

＆＃13;

<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>

＆＃13;

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
                });

            };

＆＃13;

Answer 1

这是我正在使用的。您只需要按当前$index：

减去数组长度

{{myArray.length - $index}}

以颠倒顺序列出项目时反转$ index

1 个答案: